

<!DOCTYPE html>
<html lang="de">



<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VargaTech Göttingen – IT‑Service &amp; PC‑Reparatur</title>
<meta name="description" content="VargaTech in Göttingen: IT‑Service, PC‑ &amp; Laptop‑Reparatur, Windows‑Support, Fernwartung, Smart‑Home, Alarmanlagen, Videoüberwachung, Netzwerktechnik &amp; Weblösungen.">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="author" content="Attila Varga – VargaTech">
<meta http-equiv="content-language" content="de">


<!-- Canonical -->
<link rel="canonical" href="https://vargatech-goettingen.de/feed">


<!-- Preconnects for performance -->
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>


<!-- CSS Frameworks -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer" />


<!-- Favicon & App Icons -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0d6efd">


<!-- Open Graph / Facebook -->
<meta property="og:locale" content="de_DE">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Varga-Tech Göttingen - Attila Varga">
<meta property="og:title" content="VargaTech Göttingen – IT‑Service &amp; PC‑Reparatur">
<meta property="og:description" content="VargaTech in Göttingen: IT‑Service, PC‑ &amp; Laptop‑Reparatur, Windows‑Support, Fernwartung, Smart‑Home, Alarmanlagen, Videoüberwachung, Netzwerktechnik &amp; Weblösungen.">
<meta property="og:url" content="https://vargatech-goettingen.de/feed">
<meta property="og:image" content="https://vargatech-goettingen.de/logo-og.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">


<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="VargaTech Göttingen – IT‑Service &amp; PC‑Reparatur">
<meta name="twitter:description" content="VargaTech in Göttingen: IT‑Service, PC‑ &amp; Laptop‑Reparatur, Windows‑Support, Fernwartung, Smart‑Home, Alarmanlagen, Videoüberwachung, Netzwerktechnik &amp; Weblösungen.">
<meta name="twitter:image" content="https://vargatech-goettingen.de/logo-og.jpg">


  
<style>
/* ========= Farb- & Design-Variablen ========= */
:root{
  --bg: #0f0f10;                /* Page background (dunkel) */
  --panel: #1a1b1d;             /* Karten/Panel-Fläche */
  --panel-2: #151618;           /* Alternate Panel */
  --text: #e9e9ea;              /* Primärtext */
  --muted: #b9bcc2;             /* Sekundärtext */
  --line: #2a2c2f;              /* Haarlinie/Border */
  --silver-1: #dcdcdc;          /* Silber-Hell */
  --silver-2: #b6b6b6;          /* Silber-Mittel */
  --silver-3: #7a7a7a;          /* Silber-Dunkel */
  --gold: #d4af37;              /* Gold */
  --gold-2: #b8962e;            /* dunkleres Gold */
  --focus: rgba(212,175,55,.35);/* Gold-Glühen */
  --shadow: 0 12px 28px rgba(0,0,0,.55);
  --radius-xl: 16px;
  --radius: 12px;
  --radius-sm: 10px;
}

/* ========= Basis ========= */
html,body{height:100%}
body{
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background: var(--bg);
  color: var(--text);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img{display:block;max-width:100%;height:auto}

/* =========================
   Simpler Professional Metallic + PCB Header
   - Leichter: 3 Ebenen + Spotlight
   - Interaktiv: Spotlight folgt Maus/Touch
   - Performance: wenige, günstige Effekte
========================= */

/* Interaktive Variablen (werden per JS gesetzt) */
:root{
  --fx-x: 50%;              /* Spotlight X */
  --fx-y: 45%;              /* Spotlight Y */
  --spot-size: 55%;         /* Radius des Lichtspots */
  --pcb-opacity: .16;       /* Sichtbarkeit Leiterbahnen */
  --brush-opacity: .10;     /* Stärke gebürstetes Metall */
  --gloss-opacity: .22;     /* Intensität des Glanzkeils */
}

header{
  position: relative; overflow: hidden; text-align: center;
  color: #fff; padding: 84px 20px; isolation: isolate;

  background-image:
    radial-gradient(900px 300px at 15% -10%, rgba(255,255,255,.08), transparent 60%),
    radial-gradient(750px 280px at 85% 110%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(circle at var(--fx-x) var(--fx-y),
      rgba(255,255,255,var(--gloss-opacity)) 0%,
      rgba(255,255,255,calc(var(--gloss-opacity)*.5)) 12%,
      rgba(255,255,255,0) var(--spot-size)
    ),
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'>\
  <defs><pattern id='p' width='30' height='30' patternUnits='userSpaceOnUse'>\
  <path d='M0,15 H30 M15,0 V30' stroke='%239aa2aa' stroke-opacity='0.35' stroke-width='0.75'/>\
  <circle cx='15' cy='15' r='1.6' fill='%23cbd3d9' fill-opacity='0.35'/>\
  </pattern></defs><rect width='100%' height='100%' fill='url(%23p)' opacity='0.7'/>\
</svg>"),
    repeating-linear-gradient(45deg,
      rgba(255,255,255,var(--brush-opacity)) 0px,
      rgba(255,255,255,var(--brush-opacity)) 1px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 6px
    ),
    linear-gradient(135deg, #0c0c0d, #161718, #1f2022); /* dunkler Verlauf */

  background-size:100% 100%,100% 100%,140% 140%,520px 520px,240% 240%,100% 100%;
  background-position:0 0,0 0,50% 50%,0 0,0 40%,0 0;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,no-repeat,no-repeat;
  background-blend-mode:screen,screen,screen,soft-light,overlay,normal;
  animation: headerDrift 22s ease-in-out infinite;
}

/* sanfte Drift */
@keyframes headerDrift{
  0%   { background-position: 0 0, 0 0, 50% 45%, 0 0, 0 40%, 0 0; }
  50%  { background-position: 0 0, 0 0, 60% 50%, 0 0, 50% 50%, 0 0; }
  100% { background-position: 0 0, 0 0, 50% 45%, 0 0, 0 40%, 0 0; }
}

/* Entschärfen bei reduzierter Bewegung */
@media (prefers-reduced-motion: reduce){
  header{ animation: none; }
}

/* Inhalt optisch sauber halten */
header img{
  display:block; margin:0 auto 18px; max-height:120px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.25));
}
header h1, header h2{ color:#111; font-weight:800 }
header .lead{ color:#222 }

/* Kontakt-Chips (edler Button-Look) */
.contact-quick{
  display:flex; gap:.6rem; flex-wrap:wrap;
  justify-content:center; align-items:center;
}
.contact-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  background: rgba(255,255,255,.92);
  color:#111; font-weight:600;
  border-radius:999px; padding:.55rem .95rem;
  border: 1px solid rgba(0,0,0,.06);
  text-decoration:none; backdrop-filter: blur(3px);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 10px 18px rgba(0,0,0,.16);
}
.contact-chip:hover{
  background:#fff;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 14px 28px rgba(0,0,0,.20);
}
.contact-chip i{ font-size:1rem; color: var(--gold); }
.contact-sub{ color:#222; opacity:.9 }

@media (max-width: 480px){
  .contact-chip{ width:100%; justify-content:center }
}


/* ========= Typografie ========= */
h1,h2,h3,h4{letter-spacing:.2px}
h2.section-title{
  font-weight:800; margin-bottom:38px;
  color: var(--gold);
  text-transform: none;
}

/* ========= Buttons ========= */
.btn-gold{
  background: var(--gold); color:#000; font-weight:700; border:none;
  border-radius: 999px; padding:.85rem 1.4rem; letter-spacing:.3px;
  box-shadow: 0 8px 18px rgba(212,175,55,.25);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.btn-gold:hover{ background: var(--gold-2); color:#fff; transform: translateY(-1px); box-shadow: 0 12px 24px rgba(212,175,55,.28); }
.btn-gold:focus{ outline: none; box-shadow: 0 0 0 .25rem var(--focus), 0 10px 22px rgba(0,0,0,.35); }

/* ========= Karten / Panels ========= */
.service-card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.service-card:hover{ transform: translateY(-8px); box-shadow: var(--shadow); border-color: #3a3d42; }
.service-card img{ max-height: 200px; object-fit: cover; width: 100%; }
.service-card .card-body{ padding: 28px; }
.service-card h3{ color: #fff; font-size:1.25rem; margin-top:14px; }
.service-card p{ color: var(--muted); line-height:1.6 }
.service-card ul{ margin-top:14px; color: #cbd0d6 }
.service-card li+li{ margin-top:6px }

/* ========= Sektionen ========= */
section{ padding: 72px 0 }
.bg-panel{ background: var(--panel) }
.bg-panel-2{ background: var(--panel-2) }

/* ========= Listen / Preisliste ========= */
.list-group-flush .list-group-item{
  background: transparent; color: var(--text);
  border-bottom: 1px solid var(--line);
  padding: .9rem 0;
}
.list-group-flush .list-group-item strong{ color: var(--gold) }

/* ========= Preis/USP-Karten ========= */
.usp i{ color: var(--gold); }
.usp h5{ color: #fff; }
.usp p{ color: var(--muted); }

.price-pill{
  background: #0b0c0d;
  border: 1px solid #2b2e33;
  color: var(--text);
  border-radius: 14px;
  padding: 20px 28px;
  display: inline-block;
  box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.04);
}
.price-pill h3{ color: var(--gold); margin:0 0 6px }

/* ========= Accordion / FAQ ========= */
.accordion-button{
  background: var(--panel); color: var(--text); border:1px solid var(--line);
}
.accordion-button:not(.collapsed){ color: var(--gold); background: #202225; box-shadow: none; }
.accordion-body{ background: #15161a; color: var(--muted); border-left: 2px solid var(--gold); }

/* ========= Modals ========= */
.modal-content{ background: var(--panel); color: var(--text); border:1px solid var(--line); border-radius: var(--radius) }
.modal-header{ border-bottom: 1px solid var(--line) }
.modal-footer{ border-top: 1px solid var(--line) }

/* ========= Formulare ========= */
.form-control{
  background: #131417; border: 1px solid #2a2d32; color: var(--text);
  border-radius: 10px; padding: .9rem 1rem;
}
.form-control::placeholder{ color:#8b9097 }
.form-control:focus{
  background: #15171b; color: var(--text); border-color: var(--gold);
  box-shadow: 0 0 0 .2rem var(--focus);
}

/* ========= Footer ========= */
footer{ background:#0b0c0d; color:#b9bcc2; padding: 24px 0; border-top: 1px solid var(--line) }
footer a{ color: var(--gold); text-decoration: none }
footer a:hover{ color: var(--gold-2); text-decoration: underline }

/* ========= Utility ========= */
.text-gold{ color: var(--gold) }
.text-silver{ color: var(--silver-2) }
.border-line{ border: 1px solid var(--line) }
.shadow-deep{ box-shadow: var(--shadow) }
.rounded-xl{ border-radius: var(--radius-xl) }
       /* Kontakt-Chips im Hero */
.contact-quick{
  display:flex; gap:.6rem; flex-wrap:wrap;
  justify-content:center; align-items:center;
}

.contact-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  background: rgba(255,255,255,.85);
  color:#111; font-weight:600;
  border-radius:999px; padding:.55rem .95rem;
  border: 1px solid rgba(0,0,0,.08);
  text-decoration:none; backdrop-filter: blur(4px);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  box-shadow: 0 8px 18px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.4);
}
.contact-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  background: #fff;
}
.contact-chip i{
  font-size:1rem; color: var(--gold);
}
.contact-sub{ color:#222; opacity:.9 }

/* Mobile: Chips auf volle Breite erlauben, aber hübsch */
@media (max-width: 480px){
  .contact-chip{ width:100%; justify-content:center }
}

/* ===== Cookie Banner & Einstellungen (VargaTech Theme) ===== */
.cookiebar{
  position:fixed; left:0; right:0; bottom:0; z-index:2147483647;
  background:var(--panel); color:var(--text);
  border-top:1px solid var(--line); box-shadow:var(--shadow);
}
.cookiebar .wrap{max-width:1100px; margin:0 auto; padding:16px 18px; display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.cookiebar h5{margin:0; font-weight:800; color:#fff}
.cookiebar p{margin:0; color:var(--muted)}
.cookiebar .btn{border-radius:999px; font-weight:700; padding:.6rem 1rem}
.cookiebar .btn-outline{background:#131417; color:var(--text); border:1px solid var(--line)}
.cookiebar .btn-outline:hover{background:#181a1f}
.cookiebar .btn-ghost{background:transparent; color:var(--text); border:1px dashed var(--line)}
.cookiebar small a{color:var(--gold); text-decoration:none}
.cookiebar small a:hover{text-decoration:underline}

/* Modal/Panel für Einstellungen */
#cookieModal .modal-content{background:var(--panel); color:var(--text); border:1px solid var(--line)}
#cookieModal .list-group-item{background:#131417; color:var(--text); border:1px solid var(--line)}
.cookie-switch{display:flex; align-items:center; justify-content:space-between; gap:12px}
.cookie-switch label{font-weight:600}
.locked{opacity:.7}
                              
                              /* ===== Social Media ===== */
.social-card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  padding: 22px;
  height: 100%;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.social-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow); border-color:#3a3d42; }

.social-icon{
  width:42px;height:42px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;margin-right:10px;
  background:#0b0c0d;border:1px solid #2b2e33;
}

.social-fb i{ color:#1877F2; }       /* Facebook Blau */
.social-ig i{ color:#E1306C; }       /* Instagram Pink */
.social-meta{ color:var(--muted); }

.social-actions .btn{
  border-radius:999px; font-weight:700; padding:.65rem 1.1rem;
}
.btn-outline-meta{
  background:transparent; color:var(--text); border:1px solid var(--line);
}
.btn-outline-meta:hover{ background:#181a1f; }

.ratio.ratio-16x9{ border:1px solid #2a2c2f; border-radius:12px; overflow:hidden; }


</style>


</head>
<body>

<!-- ==============================
     Hero Section
=============================== -->
<header>
  <img src="logo.png" alt="VargaTech Logo" class="img-fluid" />
  <h1 class="display-4 fw-bold">Varga-Tech Göttingen - Attila Varga IT-Dienstleister</h1>
  <p class="lead">IT-Service · PC-Reparatur · Netzwerke · Sicherheit · Smart-Home</p>

  <!-- Quick-Contact Actions -->
  <div class="contact-quick mt-4">
    <a class="contact-chip" href="tel:+491728400913" aria-label="Anrufen 0172 8400913">
      <i class="fa-solid fa-phone"></i>
      <span>0172&nbsp;8400913</span>
    </a>
    <a class="contact-chip" href="https://wa.me/491728400913" target="_blank" rel="noopener" aria-label="WhatsApp Nachricht an 0172 8400913">
      <i class="fa-brands fa-whatsapp"></i>
      <span>WhatsApp</span>
    </a>
    <a class="contact-chip" href="mailto:vargatech@attila-varga.eu" aria-label="E-Mail an vargatech@attila-varga.eu">
      <i class="fa-solid fa-envelope"></i>
      <span>vargatech@attila-varga.eu</span>
    </a>
  </div>

  <!-- Sub-Info (Reaktionszeit / Öffnungszeiten optional) -->
  <p class="contact-sub small mt-2">
    <i class="fa-regular fa-clock me-1"></i> Antwort meist <strong>innerhalb 24&nbsp;Std.</strong> ·
    <span class="text-nowrap">Vor-Ort in Göttingen & Umgebung</span>
  </p>

  <a href="#leistungen" class="btn btn-gold btn-lg mt-3">
    <i class="fa-solid fa-arrow-down"></i> Unsere Leistungen
  </a>

</header>
    
    
<!-- Intro / Hero-Container -->
<section class="intro-card" aria-labelledby="introTitle">
  <div class="intro-grid">
    <div class="intro-col">
      <h2 id="introTitle" class="intro-title">
        <i class="fa-solid fa-screwdriver-wrench" aria-hidden="true"></i>
        IT-Service & PC-Reparatur in Göttingen – Varga-Tech
      </h2>

      <p class="intro-text">
        Willkommen bei <strong>Varga-Tech Göttingen</strong> – Ihrem zuverlässigen
        <strong>IT-Service in Göttingen</strong>. Wir bieten professionelle
        <strong>PC- & Laptop-Reparaturen</strong>, individuelle
        <strong>Netzwerktechnik & WLAN-Lösungen</strong>, moderne
        <strong>Smart-Home-Integration</strong> sowie schnelle
        <strong>Fernwartung</strong> und <strong>Sicherheitstechnik</strong>.
        Ob <em>Windows&nbsp;11 Installation</em>, Datenrettung, Virenentfernung oder
        die Einrichtung Ihrer Alarmanlage – wir sind Ihr IT-Partner für Göttingen & Umgebung.
      </p>

      <!-- Key-Highlights -->
      <ul class="intro-highlights" role="list">
        <li>
          <i class="fa-solid fa-laptop-medical" aria-hidden="true"></i>
          <span>PC-/Laptop-Reparatur & Windows&nbsp;11 Upgrade</span>
        </li>
        <li>
          <i class="fa-solid fa-network-wired" aria-hidden="true"></i>
          <span>Netzwerktechnik & WLAN-Optimierung (Mesh, VPN, NAS)</span>
        </li>
        <li>
          <i class="fa-solid fa-house-signal" aria-hidden="true"></i>
          <span>Smart-Home (Alexa/Google) & Energiesteuerung</span>
        </li>
        <li>
          <i class="fa-solid fa-headset" aria-hidden="true"></i>
          <span>Soforthilfe per Fernwartung – sicher & verschlüsselt</span>
        </li>
      </ul>

          
<style>
/* ===== Intro / Hero-Container (Dark + Gold + Silber) ===== */
.intro-card{
  margin: 22px auto 0;
  max-width: 1100px;
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: var(--radius-xl);
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
  padding: 22px 22px;
}

.intro-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

@media (min-width: 992px){
  .intro-grid{
    grid-template-columns: 2.1fr 1fr; /* Text links, kompakte USP rechts */
    gap: 22px;
  }
}

.intro-title{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: clamp(1.15rem, 2.4vw, 1.35rem);
  color: #fff;
  margin: 0 0 8px;
}
.intro-title i{ color: var(--gold); }

.intro-text{
  color: var(--muted);
  line-height: 1.7;
  margin: 0 0 14px;
}

/* Highlights als kompakte Icon-Liste */
.intro-highlights{
  list-style: none;
  padding: 0; margin: 0 0 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 576px){
  .intro-highlights{ grid-template-columns: 1fr 1fr; }
}
.intro-highlights li{
  display: flex; align-items: flex-start; gap: 10px;
  background: #15161a;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  color: #cfd3d8;
}
.intro-highlights i{ color: var(--gold); margin-top: 2px; }

/* Badges */
.intro-badges{
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-top: 6px;
}
.badge-chip{
  display: inline-flex; align-items: center; gap: 8px;
  background: #0b0c0d;
  border: 1px solid #2b2e33;
  color: var(--text);
  border-radius: 999px;
  padding: 8px 12px;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
  font-weight: 600;
}
.badge-chip i{ color: var(--gold); }

/* Rechte USP-Box */
.intro-aside-card{
  background: #141519;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 16px;
  height: 100%;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.aside-title{
  display: flex; align-items: center; gap: 8px;
  color: var(--gold);
  font-weight: 800; font-size: 1rem;
  margin: 0 0 8px;
}
.aside-list{
  list-style: none; padding: 0; margin: 0 0 6px;
  display: grid; gap: 8px;
}
.aside-list li{
  display: flex; align-items: center; gap: 8px;
  color: #cfd3d8;
}
.aside-list i{ color: var(--gold); }
</style>

      <!-- Badges -->
      <div class="intro-badges">
        <span class="badge-chip">
          <i class="fa-regular fa-clock" aria-hidden="true"></i> Antwort i. d. R. <strong>≤ 24h</strong>
        </span>
        <span class="badge-chip">
          <i class="fa-solid fa-location-dot" aria-hidden="true"></i> Vor-Ort <strong>Göttingen & Region</strong>
        </span>
        <span class="badge-chip">
          <i class="fa-solid fa-tags" aria-hidden="true"></i> Faire Preise & Pauschalen
        </span>
      </div>
    </div>
 <!-- Optional: rechts kleine USP-Box (kann weggelassen werden) -->
    <aside class="intro-aside" aria-label="Leistungsüberblick">
      <div class="intro-aside-card">
        <h3 class="aside-title">
          <i class="fa-solid fa-check-double" aria-hidden="true"></i> Warum Varga-Tech?
        </h3>
        <ul class="aside-list" role="list">
          <li><i class="fa-solid fa-shield-halved" aria-hidden="true"></i> Transparent & DSGVO-konform</li>
          <li><i class="fa-solid fa-bolt" aria-hidden="true"></i> Schnell – Remote & Vor-Ort</li>
          <li><i class="fa-solid fa-microchip" aria-hidden="true"></i> Diagnose & Aufrüstung</li>
          <li><i class="fa-solid fa-file-shield" aria-hidden="true"></i> Kurz-Dokumentation inkl.</li>
        </ul>
      </div>
    </aside>
  </div>
</section>
 
 <br>
 
<!-- SIGNA Promo Ribbon -->
<div class="text-center py-2" style="background:#0f5132;color:#fff;font-weight:600">
  🌿 5% Rabatt bei Zahlung mit <span style="text-decoration:underline">SIGNA</span> — umweltfreundlich & blitzschnell
  <a href="#signa-howto" class="ms-2 badge bg-light text-dark" data-bs-toggle="modal" data-bs-target="#howtoModal">Wie geht das?</a>
</div>

<br>

<!-- SIGNA Tutorial Modal -->
<div class="modal fade" id="howtoModal" tabindex="-1" aria-labelledby="howtoModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content" style="background:#15161a;color:#e9e9ea;border:1px solid #2a2c2f;border-radius:14px;">
      <!-- Header -->
      <div class="modal-header" style="border-bottom:1px solid #2a2c2f;">
        <h5 id="howtoModalLabel" class="modal-title" style="display:flex;align-items:center;gap:.5rem;font-weight:800;color:#d4af37;">
          <i class="fa-solid fa-coins"></i>
          Mit SIGNA bezahlen – in 3 einfachen Schritten
        </h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button>
      </div>

      <!-- Body -->
      <div class="modal-body" style="padding:20px 22px;">
        <ol style="margin:0;padding-left:1.1rem;line-height:1.6;">
          <!-- Schritt 1: Wallet -->
          <li style="margin-bottom:16px;">
            <b style="color:#fff;">Wallet installieren</b><br>
            <span style="color:#c7cbd2;">Empfohlen: <b>Phoenix-Wallet</b> (App).</span>
            <div style="margin-top:10px;">
              <a href="https://phoenix-wallet.rocks/#1#downloads"
                 target="_blank" rel="noopener"
                 class="btn"
                 style="background:#d4af37;color:#000;font-weight:700;border:none;border-radius:999px;padding:.6rem 1rem;box-shadow:0 8px 18px rgba(212,175,55,.25);text-decoration:none;">
                <i class="fa-brands fa-chrome me-1"></i>
                Phoenix-Wallet installieren
              </a>
            </div>
          </li>

          <!-- Schritt 2: SIGNA erwerben -->
          <li style="margin-bottom:16px;">
            <b style="color:#fff;">SIGNA erwerben</b><br>
            <span style="color:#c7cbd2;">Kaufen Sie SIGNA bei einer Börse und senden Sie sie an Ihre Wallet-Adresse.</span>
            <div style="text-align:center;margin:12px 0 6px;">
              <a href="https://www.superex.com/register/en?historyBack=%2Findex%2Flanguage"
                 target="_blank" rel="noopener"
                 class="btn"
                 style="background:#d4af37;color:#000;font-weight:800;border:none;border-radius:999px;padding:.7rem 1.2rem;box-shadow:0 8px 18px rgba(212,175,55,.25);text-decoration:none;">
                <i class="fa-solid fa-cart-shopping me-1"></i>
                SIGNA erwerben bei SuperEX
              </a>
            </div>
          </li>

          <!-- Schritt 3: Bezahlen -->
          <li>
            <b style="color:#fff;">Bezahlen</b><br>
            <span style="color:#c7cbd2;">Öffnen Sie Ihre Wallet, wählen Sie <b>Senden</b> und tragen Sie <u>Adresse</u>, <u>Betrag</u> und <u>Nachricht</u> ein.</span>

            <!-- Zahlungsdaten Box -->
            <div style="margin-top:12px;background:#121317;border:1px solid #2b2e33;border-radius:12px;padding:14px;">
              <div style="color:#9aa2aa;font-size:.9rem;margin-bottom:4px;">
                <i class="fa-solid fa-wallet me-1"></i> Signum-Adresse (Empfänger)
              </div>
              <code id="sig-addr-modal" style="color:#d4af37;font-weight:700;">S-V3TM-66XZ-3PVN-HMUGD</code>
            </div>

            <div style="margin-top:12px;background:#121317;border:1px solid #2b2e33;border-radius:12px;padding:14px;">
              <div style="color:#9aa2aa;font-size:.9rem;margin-bottom:4px;">
                <i class="fa-solid fa-hashtag me-1"></i> Nachricht / Verwendungszweck
              </div>
              <code id="sig-memo-modal" style="color:#c7cbd2;">Rechnungsnummer von Varga-Tech (z. B. VT-2025-00123)</code>
            </div>
          </li>
        </ol>

        <!-- Zahlungsbox: Live-Kurs + Mini-Rechner -->
        <div id="signa-checkout-modal" class="card" style="background:#15161a;color:#e9e9ea;border:1px solid #2b2e33;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.35);margin:20px 0;">
          <div class="card-header" style="border-bottom:1px solid #2b2e33;">
            <strong style="color:#fff;"><i class="fa-solid fa-money-bill-transfer"></i> Mit SIGNA bezahlen</strong>
          </div>

          <div class="card-body" style="padding:18px;">
            <!-- Kurs -->
            <div id="rate-line-modal" style="margin:0 0 14px;">
              <span class="badge" style="background:#0b0c0d;border:1px solid #2b2e33;border-radius:999px;padding:.45rem .8rem;">
                <i class="fa-solid fa-chart-line"></i>
                <span style="margin-left:6px;">Kurs:</span>
                <b id="rate-eur-modal" style="margin-left:6px;">–</b>
                <span style="opacity:.7;">EUR / SIGNA</span>
              </span>
            </div>

            <!-- Rechner -->
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">
              <div>
                <label for="amt-eur-modal" class="form-label" style="color:#c7cbd2;font-weight:600;">
                  <i class="fa-solid fa-euro-sign me-1"></i> EUR-Betrag
                </label>
                <input id="amt-eur-modal" type="number" step="0.01" min="0"
                       class="form-control"
                       style="background:#131417;border:1px solid #2a2d32;color:#e9e9ea;border-radius:10px;padding:.7rem 1rem;"
                       value="149.00">
              </div>
              <div>
                <label for="amt-signa-modal" class="form-label" style="color:#c7cbd2;font-weight:600;">
                  <i class="fa-solid fa-coins me-1"></i> SIGNA-Betrag
                </label>
                <input id="amt-signa-modal" type="number" step="0.00000001" min="0"
                       class="form-control"
                       style="background:#131417;border:1px solid #2a2d32;color:#e9e9ea;border-radius:10px;padding:.7rem 1rem;"
                       placeholder="wird berechnet …">
              </div>
            </div>

            <!-- Statisches Base64 QR -->
            <div style="margin-top:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;">
              <img id="sig-qr-img"
                   src="data:image/png;base64,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"
                   alt="SIGNA Zahlungs-QR"
                   width="180" height="180"
                   style="display:block;border:1px solid #2b2e33;border-radius:8px;background:#0f1013;">
              <small style="color:#9aa2aa;">
                Wallet-QR enthält Adresse, Betrag und den Hinweis auf die Nachricht. Bitte die <b>Rechnungsnummer</b> beim Senden als Nachricht ergänzen.
              </small>
            </div>
          </div>
        </div>
      </div>

      <!-- Footer -->
      <div class="modal-footer" style="border-top:1px solid #2a2c2f;">
        <button type="button" class="btn"
                data-bs-dismiss="modal"
                style="background:transparent;color:#e9e9ea;border:1px solid #2b2e33;border-radius:999px;padding:.55rem 1rem;">
          Schließen
        </button>
      </div>
    </div>
  </div>
</div>

<script>
(function(){
  const modalEl   = document.getElementById('howtoModal');
  const eurInput  = () => document.getElementById('amt-eur-modal');
  const sigInput  = () => document.getElementById('amt-signa-modal');
  const rateEl    = () => document.getElementById('rate-eur-modal');
  let rate = null, updating = false, timer = null;

  async function fetchRate(){
    try{
      const r = await fetch('/api/price/signa.php', {cache:'no-store'});
      const j = await r.json();
      if (j && j.eur_per_signa){
        rate = +j.eur_per_signa;
        rateEl().textContent = rate.toFixed(8);
        recalcFromEUR();
      }
    }catch(e){ console.error(e); }
  }

  function recalcFromEUR(){
    if (updating || !rate) return;
    updating = true;
    const eur   = parseFloat(eurInput().value || '0');
    const signa = eur > 0 ? (eur / rate) : 0;
    sigInput().value = signa ? signa.toFixed(8) : '';
    updating = false;
  }

  function recalcFromSIGNA(){
    if (updating || !rate) return;
    updating = true;
    const signa = parseFloat(sigInput().value || '0');
    const eur   = signa > 0 ? (signa * rate) : 0;
    eurInput().value = eur ? eur.toFixed(2) : '';
    updating = false;
  }

  modalEl.addEventListener('shown.bs.modal', () => {
    eurInput().addEventListener('input', recalcFromEUR);
    sigInput().addEventListener('input', recalcFromSIGNA);
    fetchRate();
    timer = setInterval(fetchRate, 60000);
  });

  modalEl.addEventListener('hidden.bs.modal', () => {
    try { eurInput().removeEventListener('input', recalcFromEUR); } catch(e){}
    try { sigInput().removeEventListener('input', recalcFromSIGNA); } catch(e){}
    if (timer){ clearInterval(timer); timer = null; }
  });
})();
</script>


<!-- ==============================
     Dienstleistungen (Grid)
=============================== -->
<section id="leistungen" class="container py-5">
  <h2 class="section-title text-center">
    <i class="fa-solid fa-laptop-code me-2"></i> Unsere Dienstleistungen
  </h2>

<center><br>
<a href="/windows11-aufruestung.php" class="btn btn-gold btn-lg mt-3 me-2">
  <i class="fa-solid fa-microchip"></i> Windows 11 Kompatibilität prüfen
</a>
<br>
<br>
</center>
  <div class="row g-4">
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/pc-reparatur.jpg" alt="PC- &amp; Laptop-Reparatur in Göttingen">
          <div class="card-body">
            <i class="fas fa-computer text-primary fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">PC- &amp; Laptop-Reparatur in Göttingen</h3>
            <p>Windows 11, Bluescreens, Virenentfernung, Datenrettung &amp; Hardware-Tausch.</p>
            <ul>
                              <li>Windows 11 Installation &amp; Upgrade</li>
                              <li>Datenrettung &amp; Backup-Lösungen</li>
                              <li>Viren- &amp; Malware-Entfernung</li>
                              <li>Hardware-Tausch (RAM, SSD, Mainboard)</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/pc-reparatur/" aria-label="PC- &amp; Laptop-Reparatur in Göttingen"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/netzwerk.jpg" alt="Netzwerktechnik &amp; WLAN">
          <div class="card-body">
            <i class="fas fa-network-wired text-info fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Netzwerktechnik &amp; WLAN</h3>
            <p>WLAN, LAN, Router, Mesh, VPN fürs Home-Office &amp; NAS-Systeme.</p>
            <ul>
                              <li>WLAN-Optimierung &amp; Reichweite</li>
                              <li>Router- &amp; DSL-Installation</li>
                              <li>VPN-Zugänge/Home-Office</li>
                              <li>NAS-Systeme &amp; Netzwerkspeicher</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/netzwerktechnik/" aria-label="Netzwerktechnik &amp; WLAN"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/sicherheit.jpg" alt="Alarmanlagen &amp; Sicherheitstechnik">
          <div class="card-body">
            <i class="fas fa-shield-halved text-danger fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Alarmanlagen &amp; Sicherheitstechnik</h3>
            <p>Alarmanlagen, IP-Kameras, Zutrittskontrolle &amp; Smart-Home-Integration.</p>
            <ul>
                              <li>Alarmanlagen-Installation</li>
                              <li>Videoüberwachung (IP)</li>
                              <li>Zutrittskontrolle</li>
                              <li>Smart-Home-Integration</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/sicherheitstechnik/" aria-label="Alarmanlagen &amp; Sicherheitstechnik"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/smarthome.jpg" alt="Smart-Home &amp; Automatisierung">
          <div class="card-body">
            <i class="fas fa-house-signal text-warning fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Smart-Home &amp; Automatisierung</h3>
            <p>Alexa, Google Home, Bosch – Licht, Heizung, Sicherheit &amp; Energie.</p>
            <ul>
                              <li>Licht- &amp; Heizungssteuerung</li>
                              <li>Tür-/Fenstersensoren</li>
                              <li>Alexa &amp; Google Integration</li>
                              <li>Energiemanagement</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/smart-home/" aria-label="Smart-Home &amp; Automatisierung"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/fernwartung.jpg" alt="Fernwartung &amp; Remote-Support">
          <div class="card-body">
            <i class="fas fa-headset text-info fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Fernwartung &amp; Remote-Support</h3>
            <p>Schnelle Hilfe via AnyDesk/TeamViewer, Updates &amp; Einrichtung.</p>
            <ul>
                              <li>Soforthilfe ohne Termin</li>
                              <li>Software &amp; Updates</li>
                              <li>Sicher per VPN</li>
                              <li>24/7 nach Absprache</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/fernwartung/" aria-label="Fernwartung &amp; Remote-Support"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/webdesign.jpg" alt="Webauftritt &amp; Shops">
          <div class="card-body">
            <i class="fas fa-globe text-success fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Webauftritt &amp; Shops</h3>
            <p>OnePager, WordPress/WooCommerce &amp; individuelle PHP/MySQL-Lösungen.</p>
            <ul>
                              <li>SEO-optimierte OnePager</li>
                              <li>WordPress &amp; WooCommerce</li>
                              <li>Individuelle Entwicklung</li>
                              <li>Hosting &amp; Wartung</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/webdesign-shops/" aria-label="Webauftritt &amp; Shops"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/drucker.jpg" alt="Drucker- &amp; Scanner-Support">
          <div class="card-body">
            <i class="fas fa-print text-primary fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Drucker- &amp; Scanner-Support</h3>
            <p>Treiberinstallation, WLAN-Einbindung &amp; Fehlerbehebung für Drucker/Scanner.</p>
            <ul>
                              <li>Treiberinstallation (Windows/macOS)</li>
                              <li>WLAN-/Netzwerk-Einbindung</li>
                              <li>Scan-Workflows &amp; OCR</li>
                              <li>Fehlerdiagnose &amp; Wartung</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/drucker-scanner/" aria-label="Drucker- &amp; Scanner-Support"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/tv-home-cinema.jpg" alt="TV- und Home-Cinema">
          <div class="card-body">
            <i class="fas fa-tv text-warning fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">TV- und Home-Cinema</h3>
            <p>LED/LCD/OLED-Setup, Sound, Apps &amp; Bildkalibrierung – Kino zuhause.</p>
            <ul>
                              <li>TV-Aufbau &amp; Sender-/App-Einrichtung</li>
                              <li>Bild-/Farbkalibrierung (OLED/LCD)</li>
                              <li>Soundbar/AVR-Integration</li>
                              <li>Streaming (Netflix, Prime, etc.)</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/tv-home-cinema/" aria-label="TV- und Home-Cinema"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/einsendeservice.jpg" alt="Einsendeservice – PC/Laptop per Post">
          <div class="card-body">
            <i class="fas fa-box-open text-warning fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Einsendeservice – PC/Laptop per Post</h3>
            <p>Sie können uns Ihr Gerät bequem per Post zusenden – wir installieren Windows 11 oder führen eine Fehlerdiagnose durch.</p>
            <ul>
                              <li>Windows 11 Installation &amp; Upgrade</li>
                              <li>Komplette Fehlerdiagnose</li>
                              <li>Reparatur in unserer Werkstatt</li>
                              <li>Rückversand nach Abschluss</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/einsendeservice/" aria-label="Einsendeservice – PC/Laptop per Post"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/hdd-entsorgung.jpg" alt="Sichere HDD-/SSD-Entsorgung">
          <div class="card-body">
            <i class="fas fa-database text-danger fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Sichere HDD-/SSD-Entsorgung</h3>
            <p>Wir entsorgen Ihre Festplatten und SSDs sicher – mit zertifizierter Datenlöschung oder physischer Zerstörung.</p>
            <ul>
                              <li>Sichere Datenlöschung (mehrfaches Überschreiben)</li>
                              <li>DSGVO-konforme Entsorgung</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/hdd-entsorgung/" aria-label="Sichere HDD-/SSD-Entsorgung"></a>
          </div>
        </div>
      </div>
          <div class="col-md-6 col-lg-4">
        <div class="card service-card h-100 position-relative">
          <img src="img/software-installation.jpg" alt="Software-Installation">
          <div class="card-body">
            <i class="fas fa-cogs text-info fa-2x" aria-hidden="true"></i>
            <h3 class="mt-2">Software-Installation</h3>
            <p>Windows, macOS, Linux &amp; Apps – sicher installiert und korrekt konfiguriert.</p>
            <ul>
                              <li>Windows/macOS/Linux Einrichtung</li>
                              <li>Office, Tools &amp; Treiber</li>
                              <li>Lizenzen &amp; Aktivierung</li>
                              <li>Sicherheits- &amp; Update-Konzept</li>
                          </ul>
            <!-- komplette Karte klickbar -->
            <a class="stretched-link" href="/leistungen/software-installation/" aria-label="Software-Installation"></a>
          </div>
        </div>
      </div>
      </div>
</section>

<style>
  form small {
    color: #999;              /* hellgrau, dezent */
    font-size: 0.85em;        /* etwas kleiner */
    display: block;           /* immer unter dem Input */
    margin-top: 4px;          /* Abstand zum Feld */
    line-height: 1.4;         /* angenehme Lesbarkeit */
    font-style: italic;       /* leicht kursiv, wirkt professionell */
  }
</style>

<!-- ==============================
   Kontaktformular
=============================== -->
<section id="kontakt" class="container py-5">
  <h2 class="section-title text-center">
    <i class="fa-solid fa-envelope me-2"></i> Kontakt aufnehmen
  </h2>

  <form method="post" class="row g-3" novalidate>
    <!-- Name -->
    <div class="col-md-6">
      <input
        type="text"
        name="name"
        class="form-control"
        placeholder="Ihr Name"
        required
        maxlength="120"
        autocomplete="name">
      <small>
        Bitte geben Sie Ihren vollständigen Namen an.
      </small>
    </div>

    <!-- E-Mail -->
    <div class="col-md-6">
      <input
        type="email"
        name="email"
        class="form-control"
        placeholder="Ihre E-Mail"
        required
        maxlength="254"
        autocomplete="email"
        inputmode="email"
        spellcheck="false">
      <small>
        Geben Sie Ihre gültige E-Mail-Adresse an, damit wir Sie erreichen können.
      </small>
    </div>

    <!-- Nachricht -->
    <div class="col-12">
      <textarea
        name="message"
        rows="5"
        class="form-control"
        placeholder="Ihre Nachricht"
        required
        maxlength="5000"></textarea>
      <small>
        Bitte so ausführlich wie möglich beschreiben:<br>
        – Hersteller / Modell Ihres PCs, Laptops oder Geräts<br>
        – Betriebssystem (z. B. Windows 11, macOS, Linux, Android)<br>
        – Genaue Fehlermeldung oder Fehlerbild<br>
        – Wann tritt das Problem auf? (z. B. beim Start, bei Updates, bei bestimmter Software)<br>
        – Falls relevant: bereits unternommene Schritte (z. B. Neustart, Neuinstallation)
      </small>
    </div>
	
	
	<!-- Mini-CAPTCHA -->
<div class="col-md-6">
  <label for="captcha" class="form-label">Spam-Schutz</label>
  <div class="input-group">
    <span class="input-group-text" id="captcha-q">
      2 + 6 = ?    </span>
    <input
      type="text"
      inputmode="numeric"
      pattern="[0-9]*"
      class="form-control"
      id="captcha"
      name="captcha"
      aria-describedby="captcha-q"
      placeholder="Ergebnis"
      required
      maxlength="2">
  </div>
  <small>Bitte das Ergebnis der Rechenaufgabe eingeben.</small>
</div>

    <!-- CSRF -->
    <input type="hidden" name="csrf"
           value="b4a132f71d9854fac3a395acb5f67a4992f62c72246ddf76ea1514535f3c6010">


    <!-- Time-Trap -->
    <input type="hidden" name="form_ts" value="1762789234">

    <!-- Honeypots (müssen leer bleiben) -->
    <div style="position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;">
      <label for="hp1">Feld bitte leer lassen</label>
      <input type="text" id="hp1" name="hp1" tabindex="-1"
             autocomplete="new-password" inputmode="none" aria-hidden="true">
    </div>
    <div style="position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;">
      <label for="hp2">Feld bitte leer lassen</label>
      <input type="text" id="hp2" name="hp2" tabindex="-1"
             autocomplete="new-password" inputmode="none" aria-hidden="true">
    </div>

    <!-- Absenden -->
    <div class="col-12 text-center">
      <button type="submit" name="submitForm" class="btn btn-gold btn-lg">
        <i class="fa-solid fa-paper-plane"></i> Absenden
      </button>
    </div>
  </form>
</section>

<script>
  // Browser-/Password-Manager-Autofill kann versteckte Felder füllen → leer räumen
  document.addEventListener('DOMContentLoaded', () => {
    for (const id of ['hp1','hp2']) {
      const el = document.getElementById(id);
      if (el) el.value = '';
    }
    const form = document.querySelector('section#kontakt form[method="post"]');
    if (form) form.addEventListener('submit', () => {
      for (const id of ['hp1','hp2']) {
        const el = document.getElementById(id);
        if (el) el.value = '';
      }
    });
  });
</script>
    
        <!-- ==============================
     Bewertungen / Rezension schreiben
=============================== -->
<section id="bewertungen" class="container py-5">
  <div class="text-center mb-4">
    <h2 class="section-title">
      <i class="fa-solid fa-star-half-stroke me-2"></i> Bewertungen
    </h2>
    <p class="mb-0 text-silver">
      Zufrieden mit unserem Service? <strong>Ihre Google-Bewertung</strong> hilft anderen in Göttingen,
      uns zu finden – und zeigt uns, was wir noch besser machen können.
    </p>
  </div>

  <div class="d-flex justify-content-center flex-wrap gap-3">
    <!-- Primärer CTA: Rezension schreiben -->
    <a
      class="btn btn-gold px-4 py-2 d-inline-flex align-items-center"
      href="https://www.google.com/search?sca_esv=ec2e9b053eb14c18&sxsrf=AE3TifPNYhOyqMcA0sy_tkeK_Dw9E0aCmg:1756057302774&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-Ew7zT0UbN1zrWxzW3PeBANy6wZn4_Bc85tQFydS8E3PV5Ew-Q_NWdqrrOXKawLyvHpn5CKODlpVyddn4V9AbqTzi3EX8mF4qalrzutUgioTq5UViuA4B5L5DNE7nbgPkssoU_iLiNmZQKycyXqY2nf0Ob1c4lEPQ_FV4l4Dt7eg1MvbMXlR4Phw9-nkHzlX_oKczO4s%3D&q=PCService+%26+IT-Dienstleistungen+in+G%C3%B6ttingen+%7C+Varga-Tech+-+Attila+Varga+IT-Dienstleister+Rezensionen&sa=X&ved=2ahUKEwjVxvKd_6OPAxUAA9sEHcq4NPwQ0bkNegQIKhAD&biw=1920&bih=953&dpr=1#lrd=0x4d0e8b13ac455fd5:0x3143d34d0e4ab7b1,1,,,," 
      target="_blank" rel="noopener"
      aria-label="Rezension auf Google schreiben">
      <i class="fa-brands fa-google me-2"></i>
      <span>Rezension auf Google schreiben</span>
    </a>

    <!-- Sekundär: Bewertungen ansehen -->
    <a
      class="btn btn-outline-light px-4 py-2 d-inline-flex align-items-center border-line"
      href="https://www.google.com/search?sca_esv=ec2e9b053eb14c18&sxsrf=AE3TifPNYhOyqMcA0sy_tkeK_Dw9E0aCmg:1756057302774&si=AMgyJEtREmoPL4P1I5IDCfuA8gybfVI2d5Uj7QMwYCZHKDZ-Ew7zT0UbN1zrWxzW3PeBANy6wZn4_Bc85tQFydS8E3PV5Ew-Q_NWdqrrOXKawLyvHpn5CKODlpVyddn4V9AbqTzi3EX8mF4qalrzutUgioTq5UViuA4B5L5DNE7nbgPkssoU_iLiNmZQKycyXqY2nf0Ob1c4lEPQ_FV4l4Dt7eg1MvbMXlR4Phw9-nkHzlX_oKczO4s%3D&q=PCService+%26+IT-Dienstleistungen+in+G%C3%B6ttingen+%7C+Varga-Tech+-+Attila+Varga+IT-Dienstleister+Rezensionen&sa=X&ved=2ahUKEwjVxvKd_6OPAxUAA9sEHcq4NPwQ0bkNegQIKhAD&biw=1920&bih=953&dpr=1"
      target="_blank" rel="noopener"
      aria-label="Bewertungen auf Google ansehen">
      <i class="fa-solid fa-magnifying-glass me-2"></i>
      <span>Bewertungen ansehen</span>
    </a>
  </div>

  <!-- Kleiner „Trust“-Hinweis -->
  <div class="text-center mt-3 small text-silver">
    <i class="fa-solid fa-shield-heart me-1"></i> Nur echte Kundenmeinungen – danke für Ihre Unterstützung!
  </div>
</section>
    
<!-- ==============================
     Social Media
============================== -->
<section id="social" class="container py-5">
  <h2 class="section-title text-center">
    <i class="fa-solid fa-hashtag me-2" aria-hidden="true"></i>
    Folge Varga-Tech
  </h2>

  <div class="row g-4">
    <!-- Facebook -->
    <div class="col-12 col-md-6">
      <div class="social-card h-100">
        <div class="d-flex align-items-center mb-2">
          <span class="social-icon social-fb" aria-hidden="true">
            <i class="fa-brands fa-facebook-f"></i>
          </span>
          <div>
            <h3 class="h5 m-0">Facebook</h3>
            <div class="small social-meta">Neuigkeiten, Bilder &amp; Kundenstimmen</div>
          </div>
        </div>

        <p class="text-silver mb-3">
          Schau vorbei und lass ein Like da. Wir posten Updates zu Projekten, Tipps &amp; Aktionen.
        </p>

        <div class="social-actions d-flex flex-wrap gap-2 mb-0">
          <a class="btn btn-gold"
             href="https://www.facebook.com/vargatech2021/"
             target="_blank" rel="noopener"
             aria-label="Facebook-Seite von Varga-Tech öffnen">
            <i class="fa-brands fa-facebook-f me-1" aria-hidden="true"></i>
            Seite öffnen
          </a>
          <a class="btn btn-outline-meta"
             href="https://www.facebook.com/vargatech2021/"
             target="_blank" rel="noopener"
             aria-label="Varga-Tech auf Facebook folgen">
            <i class="fa-regular fa-thumbs-up me-1" aria-hidden="true"></i>
            Jetzt folgen
          </a>
        </div>
      </div>
    </div>

    <!-- Instagram -->
    <div class="col-12 col-md-6">
      <div class="social-card h-100">
        <div class="d-flex align-items-center mb-2">
          <span class="social-icon social-ig" aria-hidden="true">
            <i class="fa-brands fa-instagram"></i>
          </span>
          <div>
            <h3 class="h5 m-0">Instagram</h3>
            <div class="small social-meta">@pcservice_goettingen</div>
          </div>
        </div>

        <p class="text-silver mb-3">
          Behind-the-Scenes &amp; kurze Clips zu Reparaturen, WLAN-Setups, Smart-Home &amp; mehr.
        </p>

        <div class="social-actions d-flex flex-wrap gap-2 mb-0">
          <a class="btn btn-gold"
             href="https://www.instagram.com/pcservice_goettingen/"
             target="_blank" rel="noopener"
             aria-label="Instagram-Profil von Varga-Tech öffnen">
            <i class="fa-brands fa-instagram me-1" aria-hidden="true"></i>
            Profil öffnen
          </a>
          <a class="btn btn-outline-meta"
             href="https://www.instagram.com/pcservice_goettingen/"
             target="_blank" rel="noopener"
             aria-label="Varga-Tech auf Instagram folgen">
            <i class="fa-regular fa-bell me-1" aria-hidden="true"></i>
            Folgen
          </a>
        </div>

        <!-- Optional: Embed eines Posts (nur wenn du es willst)
        <blockquote
          class="instagram-media mt-3"
          data-cookie-category="marketing"
          data-instgrm-permalink="https://www.instagram.com/p/BEISPIELPOST/"
          data-instgrm-version="14"
          style="background:#131417; border:1px solid #2a2c2f; border-radius:12px; padding:0; margin:0 auto; max-width:540px; min-width:220px;">
        </blockquote>
        <script type="text/plain" data-cookie-category="marketing" src="https://www.instagram.com/embed.js" async></script>
        -->
      </div>
    </div>
  </div>
</section>

<!-- ==============================
     Preise
=============================== -->
<section id="preise" class="bg-dark text-light py-5" aria-labelledby="preise-title">
  <div class="container">
    <!-- Heading -->
    <div class="text-center mb-5">
      <h2 id="preise-title" class="section-title">
        <i class="fa-solid fa-tags me-2"></i> Preise & Konditionen
      </h2>
      <p class="lead mb-4 text-silver">
        Transparente Abrechnung für alle Leistungen im Raum Göttingen
      </p>

      <!-- Hauptpreis / CTA -->
      <div class="price-pill" role="note" aria-label="Grundpreis">
        <h3 class="m-0 text-gold">55 € pro Stunde</h3>
        <p class="mb-0">Pauschalpreise sind nach Absprache möglich</p>
      </div>
    </div>

    <!-- USPs: 2 Reihen, symmetrisch -->
    <div class="row g-4 justify-content-center mb-4">
      <div class="col-12 col-md-10">
        <div class="row g-4 text-center">
          <div class="col-6 col-lg-4 usp">
            <i class="fas fa-map-marker-alt fa-2x mb-2" aria-hidden="true"></i>
            <h5>Vor-Ort-Service</h5>
            <p>Göttingen & Umgebung: Innenstadt, Weende, Nikolausberg, Grone u.v.m.</p>
          </div>
          <div class="col-6 col-lg-4 usp">
            <i class="fas fa-clock fa-2x mb-2" aria-hidden="true"></i>
            <h5>Flexible Uhrzeiten</h5>
            <p>24/7 Remote-Hilfe und individuelle Terminvereinbarung</p>
          </div>
          <div class="col-6 col-lg-4 usp">
            <i class="fas fa-euro-sign fa-2x mb-2" aria-hidden="true"></i>
            <h5>Faire Konditionen</h5>
            <p>Transparente Pauschalpreise ab 55 € bzw. Stundensatz</p>
          </div>
          <div class="col-6 col-lg-4 usp">
            <i class="fas fa-leaf fa-2x mb-2" aria-hidden="true"></i>
            <h5>Nachhaltigkeit</h5>
            <p>Refurbished-Hardware & umweltbewusste IT-Konzepte</p>
          </div>
          <div class="col-6 col-lg-4 usp">
            <i class="fas fa-award fa-2x mb-2" aria-hidden="true"></i>
            <h5>Erfahrung</h5>
            <p>Über zwei Jahre professionelle IT-Dienstleistungen</p>
          </div>
        </div>
      </div>
    </div>

    <!-- Zusatzleistungen im Raster -->
    <div class="mt-2">
      <h3 class="text-center mb-4 text-gold">Unsere Zusatzleistungen</h3>
      <div class="row g-4 text-center">
        <div class="col-6 col-md-4">
          <div class="service-card h-100">
            <div class="card-body">
              <i class="fas fa-credit-card fa-2x text-gold mb-2" aria-hidden="true"></i>
              <h5>Zahlungsoptionen</h5>
              <p class="mb-0 text-silver">Bar, Rechnung oder Kartenzahlung vor Ort – flexibel und unkompliziert.</p>
            </div>
          </div>
        </div>
        <div class="col-6 col-md-4">
          <div class="service-card h-100">
            <div class="card-body">
              <i class="fas fa-stopwatch fa-2x text-gold mb-2" aria-hidden="true"></i>
              <h5>24h-Antwortgarantie</h5>
              <p class="mb-0 text-silver">Wir antworten innerhalb von 24 Stunden auf Ihre Anfrage.</p>
            </div>
          </div>
        </div>
        <div class="col-6 col-md-4">
          <div class="service-card h-100">
            <div class="card-body">
              <i class="fas fa-database fa-2x text-gold mb-2" aria-hidden="true"></i>
              <h5>Datenrettung</h5>
              <p class="mb-0 text-silver">Verlorene Dateien? Wir setzen professionelle Rettungsverfahren ein.</p>
            </div>
          </div>
        </div>
        <div class="col-6 col-md-4">
          <div class="service-card h-100">
            <div class="card-body">
              <i class="fas fa-recycle fa-2x text-gold mb-2" aria-hidden="true"></i>
              <h5>Altgeräte-Entsorgung</h5>
              <p class="mb-0 text-silver">Umweltgerechte Entsorgung & Recycling Ihrer alten Hardware.</p>
            </div>
          </div>
        </div>
        <div class="col-6 col-md-4">
          <div class="service-card h-100">
            <div class="card-body">
              <i class="fas fa-headset fa-2x text-gold mb-2" aria-hidden="true"></i>
              <h5>Fernwartung</h5>
              <p class="mb-0 text-silver">Remote-Hilfe via TeamViewer, AnyDesk & VPN – schnell und ortsunabhängig.</p>
            </div>
          </div>
        </div>
        <div class="col-6 col-md-4">
          <div class="service-card h-100">
            <div class="card-body">
              <i class="fas fa-tools fa-2x text-gold mb-2" aria-hidden="true"></i>
              <h5>Vor-Ort & Werkstatt</h5>
              <p class="mb-0 text-silver">Reparatur, Diagnose und Aufrüstung vor Ort oder in unserer Werkstatt.</p>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</section>

<!-- ==============================
     FAQ
=============================== -->
<section id="faq" class="container py-5">
  <h2 class="section-title text-center">
    <i class="fa-solid fa-circle-question me-2"></i> Häufige Fragen
  </h2>
  <div class="accordion" id="faqAccordion">

    <!-- 1 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq1">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faqOne">
          Bieten Sie Vor-Ort-Service in Göttingen an?
        </button>
      </h2>
      <div id="faqOne" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Ja – wir sind direkt in Göttingen ansässig und kommen auch nach Rosdorf, Bovenden, Duderstadt, Grone und die gesamte Region Südniedersachsen.
        </div>
      </div>
    </div>

    <!-- 2 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq2">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqTwo">
          Wie funktioniert die Fernwartung?
        </button>
      </h2>
      <div id="faqTwo" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Für die Fernwartung nutzen wir sichere Tools wie <strong>AnyDesk</strong> oder <strong>TeamViewer</strong>. Sie teilen uns Ihre ID mit und wir helfen sofort – verschlüsselt, sicher und ohne lange Wartezeiten.
        </div>
      </div>
    </div>

    <!-- 3 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq3">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqThree">
          Reparieren Sie auch Windows 11 Computer?
        </button>
      </h2>
      <div id="faqThree" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Ja, wir sind spezialisiert auf <strong>Windows 11</strong>: Installation, Upgrade, Fehlerbehebung, Treiberprobleme und Systemoptimierung gehören zu unseren täglichen Aufgaben.
        </div>
      </div>
    </div>

    <!-- 4 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq4">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFour">
          Was kostet eine PC-Reparatur?
        </button>
      </h2>
      <div id="faqFour" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Unser Stundensatz beträgt <strong>55 €</strong>. Viele Standardleistungen wie Systeminstallationen oder Virenentfernungen bieten wir auch zu <strong>Pauschalpreisen ab 50 €</strong> an.
        </div>
      </div>
    </div>

    <!-- 5 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq5">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqFive">
          Können Sie Daten retten, wenn die Festplatte defekt ist?
        </button>
      </h2>
      <div id="faqFive" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          In vielen Fällen ja. Wir führen eine professionelle <strong>Datenrettung & Backup</strong> durch – bereits ab 80 €. Bei schwer beschädigten Festplatten arbeiten wir mit Partnerlaboren zusammen.
        </div>
      </div>
    </div>

    <!-- 6 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq6">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqSix">
          Installieren Sie auch Smart-Home-Systeme?
        </button>
      </h2>
      <div id="faqSix" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Ja – wir richten <strong>Smart-Home-Lösungen</strong> wie Amazon Alexa, Bosch Smart Home oder smarte Licht- und Heizsysteme ein. Auch Sicherheitslösungen wie Alarmanlagen und Videoüberwachung gehören dazu.
        </div>
      </div>
    </div>

    <!-- 7 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq7">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqSeven">
          Wie schnell bekomme ich einen Termin?
        </button>
      </h2>
      <div id="faqSeven" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Meist innerhalb von <strong>24 Stunden</strong>. Für dringende Notfälle bieten wir eine <strong>Express-Hilfe per Fernwartung</strong> an.
        </div>
      </div>
    </div>

    <!-- 8 -->
    <div class="accordion-item">
      <h2 class="accordion-header" id="faq8">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faqEight">
          Kann ich auch per Rechnung oder Karte bezahlen?
        </button>
      </h2>
      <div id="faqEight" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
        <div class="accordion-body">
          Ja, wir bieten <strong>flexible Zahlungsoptionen</strong>: Barzahlung, Rechnung oder Kartenzahlung vor Ort.
        </div>
      </div>
    </div>

  </div>
</section>

<!-- ==============================
     Footer mit Modals
=============================== -->
<footer class="text-center bg-black text-light py-4">
  <p>&copy; 2025 Varga-Tech Göttingen - Attila Varga IT-Dienstleister</p>
  
  <a href="#" data-bs-toggle="modal" data-bs-target="#impressumModal" class="text-gold me-3">
    Impressum
  </a>
  
  <a href="#" data-bs-toggle="modal" data-bs-target="#datenschutzModal" class="text-gold me-3">
    Datenschutz
  </a>
  
<a href="AGB.pdf" target="_blank" rel="noopener" class="text-gold">
  AGB (PDF)
</a>

</footer>


<!-- Impressum Modal -->
<div class="modal fade" id="impressumModal" tabindex="-1">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content bg-dark text-light">
      <div class="modal-header">
        <h5 class="modal-title">Impressum</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body text-start">
        <p><strong>Angaben gemäß § 5 TMG:</strong><br>
        Varga-Tech – Attila Varga<br>
        Leipziger Str. 3<br>
        37085 Göttingen</p>
        <p><strong>Kontakt:</strong><br>
        Telefon: 0172 8400 913<br>
        E-Mail: vargatech@attila-varga.eu</p>
        <p><strong>Umsatzsteuer-ID:</strong><br>
        Gemäß § 19 UStG erfolgt keine Ausweisung der Umsatzsteuer.</p>
        <p><strong>Verantwortlich nach § 55 Abs. 2 RStV:</strong><br>
        Attila Varga</p>
        <p><strong>Haftungsausschluss:</strong><br>
        Trotz sorgfältiger Prüfung übernehmen wir keine Verantwortung für externe Links. Für die Inhalte externer Seiten sind deren Betreiber verantwortlich.</p>
      </div>
    </div>
  </div>
</div>

<!-- Datenschutz Modal -->
<div class="modal fade" id="datenschutzModal" tabindex="-1">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content bg-dark text-light">
      <div class="modal-header">
        <h5 class="modal-title">Datenschutzerklärung</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body text-start">
        <h6>Wer wir sind</h6>
        <p>Unsere Website-Adresse lautet: vargatech-goettingen.de</p>
        <h6>Kommentare</h6>
        <p>Beim Hinterlassen von Kommentaren speichern wir die Daten aus dem Formular, die IP-Adresse und den User-Agent-String, um Spam vorzubeugen.</p>
        <h6>Medien</h6>
        <p>Beim Hochladen von Bildern sollten EXIF-GPS-Daten entfernt werden.</p>
        <h6>Cookies</h6>
        <p>Kommentare speichern Name, E-Mail und Website in Cookies (1 Jahr). Login-Cookies: 2 Tage. „Angemeldet bleiben“: 2 Wochen.</p>
        <h6>Eingebettete Inhalte</h6>
        <p>Wenn Sie eingebettete Inhalte (z. B. YouTube) ansehen, können diese Daten sammeln und Cookies setzen.</p>
        <h6>Mit wem wir teilen</h6>
        <p>Wir teilen IP-Adressen nur, wenn dies für die Zustellung wichtiger E-Mails erforderlich ist.</p>
        <h6>Speicherdauer</h6>
        <p>Kommentare bleiben unbegrenzt gespeichert.</p>
        <h6>Ihre Rechte</h6>
        <p>Sie können jederzeit Auskunft, Korrektur, Löschung oder Einschränkung der Verarbeitung Ihrer Daten verlangen.</p>
      </div>
    </div>
  </div>
</div>
        
<!-- ===== Cookie Banner ===== -->
<div id="cookiebar" class="cookiebar" role="dialog" aria-live="polite" aria-label="Cookie Hinweis" hidden>
  <div class="wrap">
    <div class="flex-grow-1">
      <h5><i class="fa-solid fa-cookie-bite me-2 text-gold"></i>Cookies & Datenschutz</h5>
      <p class="mt-1">
        Wir verwenden nur technisch notwendige Cookies sowie – nach Zustimmung – optionale Cookies
        (Funktional, Analyse, Marketing). Sie können Ihre Auswahl jederzeit ändern.
        <small class="ms-1">Mehr in unserer <a href="#" data-bs-toggle="modal" data-bs-target="#datenschutzModal">Datenschutzerklärung</a>.</small>
      </p>
    </div>
    <div class="d-flex gap-2">
      <button class="btn btn-ghost" id="cb-settings" type="button" data-bs-toggle="modal" data-bs-target="#cookieModal">
        <i class="fa-solid fa-sliders me-1"></i> Einstellungen
      </button>
      <button class="btn btn-outline" id="cb-decline" type="button">Nur notwendig</button>
      <button class="btn btn-gold" id="cb-accept" type="button">Alle akzeptieren</button>
    </div>
  </div>
</div>

<!-- ===== Cookie Einstellungen Modal ===== -->
<div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 id="cookieModalLabel" class="modal-title">
          <i class="fa-solid fa-shield-halved me-2 text-gold"></i>Cookie-Einstellungen
        </h5>
        <button class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Schließen"></button>
      </div>
      <div class="modal-body">
        <p class="text-silver mb-3">Wähle aus, welche Kategorien wir speichern dürfen. Technisch notwendige Cookies sind für die Website erforderlich und können nicht abgewählt werden.</p>

        <ul class="list-group">
          <li class="list-group-item cookie-switch locked">
            <div>
              <strong>Notwendig</strong><br>
              <small class="text-silver">Grundfunktionen (z. B. Einwilligung, Session, Sicherheit).</small>
            </div>
            <div class="form-check form-switch m-0">
              <input class="form-check-input" type="checkbox" id="consent-necessary" checked disabled>
            </div>
          </li>

          <li class="list-group-item cookie-switch">
            <div>
              <label for="consent-functional"><strong>Funktional</strong></label><br>
              <small class="text-silver">Zusatzfunktionen (z. B. eingebettete Karten, Komfort-Features).</small>
            </div>
            <div class="form-check form-switch m-0">
              <input class="form-check-input" type="checkbox" id="consent-functional">
            </div>
          </li>

          <li class="list-group-item cookie-switch">
            <div>
              <label for="consent-analytics"><strong>Analyse</strong></label><br>
              <small class="text-silver">Anonyme Statistik (z. B. Seitenaufrufe). Kein Tracking ohne Opt-in.</small>
            </div>
            <div class="form-check form-switch m-0">
              <input class="form-check-input" type="checkbox" id="consent-analytics">
            </div>
          </li>

          <li class="list-group-item cookie-switch">
            <div>
              <label for="consent-marketing"><strong>Marketing</strong></label><br>
              <small class="text-silver">Externe Medien (z. B. YouTube, Maps) und Marketing-Cookies.</small>
            </div>
            <div class="form-check form-switch m-0">
              <input class="form-check-input" type="checkbox" id="consent-marketing">
            </div>
          </li>
        </ul>
      </div>
      <div class="modal-footer justify-content-between">
        <button class="btn btn-outline" data-bs-dismiss="modal">Abbrechen</button>
        <div class="d-flex gap-2">
          <button class="btn btn-outline" id="cb-save-min" type="button">Nur notwendig</button>
          <button class="btn btn-gold" id="cb-save" type="button">Auswahl speichern</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ===== Link zum erneuten Öffnen (Footer): füge diesen Link irgendwo in deinen Footer ein =====
<a href="#" class="text-gold" id="openCookieSettings">Cookie-Einstellungen</a>
-->
            
<script>
(function(){
  const KEY = 'vt_consent_v1';
  const COOKIE = 'vt_consent';
  const DAYS = 180; // Aufbewahrungsdauer
  const $bar = document.getElementById('cookiebar');

  function getConsent(){
    try{ return JSON.parse(localStorage.getItem(KEY) || '{}'); }catch(e){ return {}; }
  }
  function setConsent(obj){
    localStorage.setItem(KEY, JSON.stringify(obj));
    // zusätzlich als Cookie setzen (SameSite=Lax)
    const expires = new Date(Date.now() + DAYS*24*60*60*1000).toUTCString();
    document.cookie = COOKIE + '=' + encodeURIComponent(JSON.stringify(obj)) +
      '; Expires=' + expires + '; Path=/; SameSite=Lax; Secure';
  }
  function hasDecision(){
    const c = getConsent();
    return c && typeof c.choices === 'object';
  }

  // Lädt blockierte <script type="text/plain" data-cookie-category="...">
  function applyConsent(){
    const c = getConsent();
    const allowed = (cat)=> (c.choices && c.choices[cat] === true);

    // Scripts
    document.querySelectorAll('script[type="text/plain"][data-cookie-category]').forEach(s=>{
      const cat = s.getAttribute('data-cookie-category');
      if (!allowed(cat)) return;
      const ns = document.createElement('script');
      if (s.src) ns.src = s.src;
      ns.text = s.innerHTML;
      ns.async = s.async;
      ns.defer = s.defer;
      s.parentNode.replaceChild(ns, s);
    });

    // Iframes (z. B. YouTube) mit data-src
    document.querySelectorAll('iframe[data-cookie-category]').forEach(f=>{
      const cat = f.getAttribute('data-cookie-category');
      if (!allowed(cat)) return;
      if (f.dataset.src) f.src = f.dataset.src;
    });
  }

  function showBar(){ $bar.hidden = false; }
  function hideBar(){ $bar.hidden = true; }

  function saveAndApply(choices){
    const payload = {
      version: 1,
      ts: new Date().toISOString(),
      dnt: (navigator.doNotTrack=='1'||window.doNotTrack=='1'||navigator.msDoNotTrack=='1') ? true : false,
      choices
    };
    setConsent(payload);
    applyConsent();
    hideBar();
    const m = document.getElementById('cookieModal');
    if (m) {
      const inst = bootstrap.Modal.getInstance(m); if (inst) inst.hide();
    }
  }

  // Buttons
  document.getElementById('cb-accept')?.addEventListener('click', function(){
    saveAndApply({functional:true, analytics:true, marketing:true});
  });
  document.getElementById('cb-decline')?.addEventListener('click', function(){
    saveAndApply({functional:false, analytics:false, marketing:false});
  });
  document.getElementById('cb-save')?.addEventListener('click', function(){
    const f = document.getElementById('consent-functional').checked;
    const a = document.getElementById('consent-analytics').checked;
    const m = document.getElementById('consent-marketing').checked;
    saveAndApply({functional:f, analytics:a, marketing:m});
  });
  document.getElementById('cb-save-min')?.addEventListener('click', function(){
    saveAndApply({functional:false, analytics:false, marketing:false});
  });

  // Footer-Link zum erneuten Öffnen
  document.getElementById('openCookieSettings')?.addEventListener('click', function(e){
    e.preventDefault();
    const m = new bootstrap.Modal(document.getElementById('cookieModal'));
    // aktuelle Auswahl in Schaltern spiegeln
    const c = getConsent().choices || {};
    document.getElementById('consent-functional').checked = !!c.functional;
    document.getElementById('consent-analytics').checked = !!c.analytics;
    document.getElementById('consent-marketing').checked = !!c.marketing;
    m.show();
  });

  // Beim Laden: Banner nur zeigen, wenn keine Entscheidung vorliegt
  if (!hasDecision()){
    // DNT respektieren: keine Vorauswahl, Banner anzeigen
    showBar();
  } else {
    applyConsent();
  }

  // Einstellungen-Button spiegelt aktuelle Auswahl
  document.getElementById('cb-settings')?.addEventListener('click', function(){
    const c = getConsent().choices || {};
    document.getElementById('consent-functional').checked = !!c.functional;
    document.getElementById('consent-analytics').checked = !!c.analytics;
    document.getElementById('consent-marketing').checked = !!c.marketing;
  });

  // Global zum Zurücksetzen (z. B. aus Footer)
  window.VTConsentReset = function(){
    localStorage.removeItem(KEY);
    document.cookie = COOKIE + '=; Expires=Thu, 01 Jan 1970 00:00:00 GMT; Path=/; SameSite=Lax; Secure';
    showBar();
  };
})();
</script>

<!-- ========== OfferCatalog JSON-LD für Preisübersicht (SEO) ========== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "OfferCatalog",
  "name": "Varga-Tech – IT-Services & Preise",
  "url": "https://vargatech-goettingen.de/#preise",
  "itemListElement": [
    { "@type": "Offer", "name": "Systeminstallation", "price": "50.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Fehlerdiagnose & Reparatur", "price": "60.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Blue-Screen & Bootprobleme", "price": "70.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Viren- & Malware-Entfernung", "price": "60.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Datenrettung & Backup", "price": "80.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Sichere Datenlöschung", "price": "30.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Hardware-Aufrüstung", "price": "50.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Tausch von Eingabegeräten", "price": "40.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Remote Support (TeamViewer)", "price": "40.00", "priceCurrency": "EUR", "priceSpecification": { "@type": "UnitPriceSpecification", "price": "40.00", "priceCurrency": "EUR", "unitCode": "HUR" } },
    { "@type": "Offer", "name": "DSL- & Internet-Probleme", "price": "50.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Netzwerkspeicher & NAS", "price": "70.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "WLAN, Router & NAS", "price": "60.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Drucker- & Internetkonfiguration", "price": "50.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "DSL- / Internet-Einrichtung", "price": "50.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "E-Mail-Installation", "price": "40.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Software-Fehlerbehebung", "price": "60.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Betriebssystem-Neuinstallation", "price": "80.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Amazon Alexa & Smart-Home", "price": "30.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Bosch Smart-Home-Systeme", "price": "60.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Smart-TV-Setup", "price": "39.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Webshop-Erstellung", "price": "300.00", "priceCurrency": "EUR" },
    { "@type": "Offer", "name": "Programmierung (PHP/MySQL & Android)", "price": "250.00", "priceCurrency": "EUR" }
  ],
  "provider": {
    "@type": "LocalBusiness",
    "name": "Varga-Tech",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Leipziger Str. 3",
      "addressLocality": "Göttingen",
      "postalCode": "37085",
      "addressCountry": "DE"
    },
    "telephone": "+49 172 8400913",
    "url": "https://vargatech-goettingen.de/"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Bieten Sie Vor-Ort-Service in Göttingen an?",
      "acceptedAnswer": { "@type": "Answer", "text": "Ja – wir sind direkt in Göttingen ansässig und kommen auch nach Rosdorf, Bovenden, Duderstadt, Grone und die gesamte Region Südniedersachsen." }
    },
    {
      "@type": "Question",
      "name": "Wie funktioniert die Fernwartung?",
      "acceptedAnswer": { "@type": "Answer", "text": "Für die Fernwartung nutzen wir sichere Tools wie AnyDesk oder TeamViewer. Sie teilen uns Ihre ID mit und wir helfen sofort – verschlüsselt, sicher und ohne lange Wartezeiten." }
    },
    {
      "@type": "Question",
      "name": "Reparieren Sie auch Windows 11 Computer?",
      "acceptedAnswer": { "@type": "Answer", "text": "Ja, wir sind spezialisiert auf Windows 11: Installation, Upgrade, Fehlerbehebung, Treiberprobleme und Systemoptimierung gehören zu unseren täglichen Aufgaben." }
    },
    {
      "@type": "Question",
      "name": "Was kostet eine PC-Reparatur?",
      "acceptedAnswer": { "@type": "Answer", "text": "Unser Stundensatz beträgt 55 €. Viele Standardleistungen wie Systeminstallationen oder Virenentfernungen bieten wir auch zu Pauschalpreisen ab 50 € an." }
    },
    {
      "@type": "Question",
      "name": "Können Sie Daten retten, wenn die Festplatte defekt ist?",
      "acceptedAnswer": { "@type": "Answer", "text": "In vielen Fällen ja. Wir führen eine professionelle Datenrettung & Backup durch – bereits ab 80 €. Bei schwer beschädigten Festplatten arbeiten wir mit Partnerlaboren zusammen." }
    },
    {
      "@type": "Question",
      "name": "Installieren Sie auch Smart-Home-Systeme?",
      "acceptedAnswer": { "@type": "Answer", "text": "Ja – wir richten Smart-Home-Lösungen wie Amazon Alexa, Bosch Smart Home oder smarte Licht- und Heizsysteme ein. Auch Sicherheitslösungen wie Alarmanlagen und Videoüberwachung gehören dazu." }
    },
    {
      "@type": "Question",
      "name": "Wie schnell bekomme ich einen Termin?",
      "acceptedAnswer": { "@type": "Answer", "text": "Meist innerhalb von 24 Stunden. Für dringende Notfälle bieten wir eine Express-Hilfe per Fernwartung an." }
    },
    {
      "@type": "Question",
      "name": "Kann ich auch per Rechnung oder Karte bezahlen?",
      "acceptedAnswer": { "@type": "Answer", "text": "Ja, wir bieten flexible Zahlungsoptionen: Barzahlung, Rechnung oder Kartenzahlung vor Ort." }
    }
  ]
}
</script>

<script>
  (()=>{
    const el = document.querySelector('header');
    if(!el) return;

    const set = (x, y) => {
      el.style.setProperty('--fx-x', x + '%');
      el.style.setProperty('--fx-y', y + '%');
    };

    const move = (cx, cy) => {
      const r = el.getBoundingClientRect();
      const x = ((cx - r.left) / r.width) * 100;
      const y = ((cy - r.top)  / r.height) * 100;
      set(Math.max(0, Math.min(100, x)).toFixed(1), Math.max(0, Math.min(100, y)).toFixed(1));
    };

    el.addEventListener('mousemove', e => move(e.clientX, e.clientY));
    el.addEventListener('touchmove', e => { if(e.touches[0]) move(e.touches[0].clientX, e.touches[0].clientY); }, {passive:true});
  })();
</script>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
