/* GaubeTec – gemeinsame Navigation (eine Quelle für alle Seiten) – Maße/Farben nach DESIGN_mara.md
   Alles mit gtnav-Präfix und eigenen Variablen, damit es auf dem hellen preise.html
   und den alten Seiten nichts überschreibt. Version: siehe ?v= im Link. */
@font-face{font-family:'GT Orbitron';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/orbitron-var.woff2') format('woff2')}
@font-face{font-family:'GT Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/sharetechmono-400.woff2') format('woff2')}
@font-face{font-family:'GT Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-var.woff2') format('woff2')}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Anker-Ziele rutschen nicht unter die feste Leiste */
section[id]{scroll-margin-top:calc(56px + 8px)}

.gtnav{padding:0;text-align:left;
  --gn-h:56px;
  --gn-blue:#3b5bfc;
  --gn-cyan:#00f5ff;
  --gn-white:#fff;
  --gn-bg:rgba(10,14,31,.92);
  --gn-panel:#0d1227;
  --gn-black:#050810;
  --gn-line:rgba(59,91,252,.25);
  --gn-line-soft:rgba(59,91,252,.15);
  --gn-login-line:rgba(59,91,252,.5);
  --gn-mid:rgba(255,255,255,.6);
  --gn-warn:#ffa500;
  --gn-warn-bg:rgba(255,165,0,.15);
  --gn-warn-line:rgba(255,165,0,.3);
  position:sticky;top:0;z-index:100;height:var(--gn-h);
  background:var(--gn-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--gn-line);
  font-family:'GT Orbitron','Orbitron',monospace;text-align:left;
}
.gtnav *,.gtnav *::before,.gtnav *::after{box-sizing:border-box}
.gtnav ul{list-style:none;margin:0;padding:0}
.gtnav a{text-decoration:none}
.gtnav-in{max-width:1100px;height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1.2rem}
.gtnav-brand{display:flex;align-items:center;gap:.7rem;min-height:44px;color:var(--gn-white);font-weight:700;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;flex:none}
.gtnav-brand img{width:34px;height:22px;object-fit:contain;opacity:.6;background:var(--gn-black);display:block}
.gtnav-menu{margin-left:auto}
.gtnav-links{display:flex;align-items:center}
.gtnav-links a{
  position:relative;display:flex;align-items:center;gap:.5rem;height:var(--gn-h);padding:0 .85rem;
  color:var(--gn-mid);font-weight:400;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;
  transition:color .3s ease;
}
.gtnav-links a::after{content:'';position:absolute;left:.85rem;right:.85rem;bottom:-1px;height:2px;background:var(--gn-blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.gtnav-links a:hover{color:var(--gn-white)}
.gtnav-links a:hover::after,.gtnav-links a[aria-current]::after{transform:scaleX(1)}
.gtnav-links a[aria-current]{color:var(--gn-cyan)}
.gtnav a:focus-visible,.gtnav button:focus-visible{outline:2px solid var(--gn-cyan);outline-offset:3px}
.gtnav-login{
  display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;flex:none;
  border:1px solid var(--gn-login-line);color:var(--gn-white);font-weight:400;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;
  transition:border-color .3s ease,background .3s ease;
}
.gtnav-login:hover{border-color:var(--gn-blue);background:var(--gn-line)}
.gtnav-login[aria-current]{border-color:var(--gn-cyan);color:var(--gn-cyan)}
.gtnav-login svg{width:14px;height:14px;stroke:var(--gn-cyan);fill:none;stroke-width:1.8;flex:none}
.gtnav-burger{display:none;width:44px;height:44px;padding:0;background:none;border:0;color:var(--gn-white);cursor:pointer;align-items:center;justify-content:center}
.gtnav-burger svg{width:24px;height:24px;stroke:var(--gn-white);stroke-width:1.8;fill:none}
.gtnav-burger .gtnav-x{display:none}
.gtnav-burger[aria-expanded="true"] .gtnav-x{display:block}
.gtnav-burger[aria-expanded="true"] .gtnav-b{display:none}

/* Handy / schmale Fenster: Burger statt Liste. Grenze gemessen: 6 Einträge + Marke brauchen ca. 1000 px */
@media (max-width:1019px){
  .gtnav-in{padding:0 1rem;gap:.5rem}
  .gtnav-menu{margin-left:0;position:absolute;left:0;right:0;top:var(--gn-h);background:var(--gn-panel);border-bottom:1px solid var(--gn-line);display:none}
  .gtnav-menu.is-open{display:block}
  .gtnav-links{display:block}
  .gtnav-links a{height:auto;min-height:48px;padding:0 1.5rem;font-size:.8rem;border-bottom:1px solid var(--gn-line-soft)}
  .gtnav-links li:last-child a{border-bottom:0}
  .gtnav-links a::after{left:0;right:auto;top:0;bottom:0;width:3px;height:auto;transform:scaleY(0);transform-origin:top}
  .gtnav-links a:hover::after,.gtnav-links a[aria-current]::after{transform:scaleY(1)}
  .gtnav-login{margin-left:auto}
  .gtnav-burger{display:flex}
}
@media (max-width:360px){
  .gtnav-brand span{font-size:.75rem;letter-spacing:.14em}
  .gtnav-login{padding:0 .75rem}
}