:root{--bg:#07100d;--panel:#0c1915;--panel2:#10231d;--line:rgba(83,220,95,.18);--green:#39c83d;--lime:#b7ef2d;--text:#eef8ef;--muted:#9ab3a1;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(40,180,70,.12),transparent 30%),linear-gradient(180deg,#050908,#07100d 55%,#050908);min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(45deg,transparent 49.55%,rgba(93,255,82,.26) 49.8%,rgba(93,255,82,.26) 50.2%,transparent 50.45%),linear-gradient(-45deg,transparent 49.55%,rgba(93,255,82,.26) 49.8%,rgba(93,255,82,.26) 50.2%,transparent 50.45%);background-size:112px 112px;background-position:0 0,0 0;filter:drop-shadow(0 0 1px rgba(70,255,80,.12))}
a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:20;background:rgba(5,9,8,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;gap:30px}.brand img{width:300px;max-width:42vw;height:auto;display:block}.menu{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.menu a{padding:11px 15px;border-radius:10px;color:#b9cdbd;font-weight:700;font-size:.94rem;transition:.2s}.menu a:hover,.menu a.active{background:rgba(57,200,61,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(57,200,61,.18)}
main{position:relative;z-index:1}.hero{padding:105px 0 80px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{color:var(--lime);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;margin:16px 0 24px;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(90deg,var(--green),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.12rem;color:var(--muted);line-height:1.75;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:13px 19px;border-radius:12px;border:1px solid rgba(89,220,94,.3);font-weight:800}.btn.primary{background:linear-gradient(135deg,#2aa936,#8bdd2d);color:#061008}.btn.secondary{background:rgba(255,255,255,.03);color:#dce9de}.hero-card,.card{background:linear-gradient(145deg,rgba(18,38,31,.95),rgba(8,18,14,.96));border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.hero-card{padding:26px}.hero-card img{width:100%;display:block;opacity:.96}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stat{padding:15px;background:rgba(0,0,0,.2);border-radius:14px;border:1px solid rgba(255,255,255,.05)}.stat strong{display:block;font-size:1.2rem}.stat span{font-size:.78rem;color:var(--muted)}
section{padding:70px 0}.section-title{font-size:2.1rem;margin:0 0 12px}.section-lead{color:var(--muted);max-width:760px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{padding:25px}.card h3{margin:0 0 9px}.card p,.card li{color:var(--muted);line-height:1.7}.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(57,200,61,.13);color:var(--lime);font-size:1.2rem;margin-bottom:17px}
.page{padding:80px 0 110px}.page h1{font-size:clamp(2.4rem,5vw,4rem);margin:0 0 15px}.table{width:100%;border-collapse:collapse;margin-top:25px;overflow:hidden;border-radius:15px;background:rgba(9,20,16,.85)}.table th,.table td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}.table th{color:#dff5df}.table td{color:var(--muted)}.steps{counter-reset:step}.step{position:relative;padding-left:58px;margin:24px 0}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--lime));color:#07100d;font-weight:900}.faq details{background:rgba(12,25,21,.8);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:17px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.7}
footer{border-top:1px solid var(--line);padding:40px 0 60px;color:var(--muted);position:relative;z-index:2}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot img{width:210px}.corner{position:fixed;right:18px;bottom:16px;width:100px;z-index:30;animation:spin 18s linear infinite;filter:drop-shadow(0 0 14px rgba(65,220,75,.22));pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.nav{gap:14px}.brand img{width:240px}.menu a{padding:8px 9px;font-size:.84rem}}
@media(max-width:650px){.nav{flex-direction:column;align-items:flex-start;padding:15px 0}.menu{margin:0;justify-content:flex-start}.hero{padding-top:55px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.corner{width:76px;right:10px;bottom:10px}.brand img{max-width:90vw}.foot{flex-direction:column;align-items:flex-start}}

/* Dezente Animation des filigranen Rauten-/Wabenmusters */
body::before {
  animation: gtsPatternDrift 28s linear infinite;
  will-change: background-position, opacity;
}
@keyframes gtsPatternDrift {
  0%   { background-position: 0 0; opacity: 0.72; }
  50%  { background-position: 18px 10px; opacity: 0.82; }
  100% { background-position: 36px 20px; opacity: 0.72; }
}
@media (prefers-reduced-motion: reduce) {
  body::before { animation: none !important infinite; }
}