*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --black:#050A05;
  --muted:#1A4A1A;
  --text:#B4FFB4;
  --text-dim:#4A8A4A;
/* GRÜN (Standard) */
--green: #00FF41;
--green-dim: #00CC33;
--green-mid: rgba(0, 255, 65, 0.2);
--green-faint: rgba(0, 255, 65, 0.05);
--green-dark: #003310;
--green-text: #B4FFB4;
--green-text-dim: #4A8A4A;
--green-muted: #1A4A1A;

/* BLAU (Leistungen) */
--blue: #0077FF;
--blue-dim: #0055CC;
--blue-mid: rgba(0, 119, 255, 0.2);
--blue-faint: rgba(0, 119, 255, 0.05);
--blue-dark: #001133;
--blue-text: #B4D9FF;
--blue-text-dim: #4A6A8A;
--blue-muted: #0A254A;

/* VIOLETT (Automatisierungen) */
--purple: #BB00FF;
--purple-dim: #8800CC;
--purple-mid: rgba(187, 0, 255, 0.2);
--purple-faint: rgba(187, 0, 255, 0.05);
--purple-dark: #220033;
--purple-text: #E0B4FF;
--purple-text-dim: #774A8A;
--purple-muted: #2A0A4A;

/* ORANGE (ÜBER) */
--orange: #FF8800;
--orange-dim: #CC6600;
--orange-mid: rgba(255, 136, 0, 0.2);
--orange-faint: rgba(255, 136, 0, 0.05);
--orange-dark: #331100;
--orange-text: #FFD9B4;
--orange-text-dim: #8A6A4A;
--orange-muted: #4A250A;

/* TÜRKIS (FAQ) */
  --cyan: #00F5FF;
  --cyan-dim: #00CED1;
  --cyan-mid: rgba(0, 245, 255, 0.2);
  --cyan-faint: rgba(0, 245, 255, 0.05);
  --cyan-dark: #002025;
  --cyan-text: #E0FFFF;
  --cyan-text-dim: #5F9EA0;
  --cyan-muted: #1A3A3A;

  --ff:'JetBrains Mono',monospace;
}
html{scroll-behavior:smooth;font-size:16px;cursor:none;}
body{background:var(--black);color:var(--text);font-family:var(--ff);line-height:1.6;overflow-x:hidden;}

/* custom cursor */
.cursor{position:fixed;width:12px;height:12px;border:1px solid var(--green);border-radius:50%;pointer-events:none;z-index:11000;transform:translate(-50%,-50%);transition:transform 0.1s;mix-blend-mode:screen;}
.cursor-trail{position:fixed;width:4px;height:4px;background:var(--green);border-radius:50%;pointer-events:none;z-index:10999;transform:translate(-50%,-50%);opacity:0.5;}

/* ── MONITOR INTRO ── */
#intro-overlay {
  position:fixed;inset:0;z-index:10000;
  background:#0d0d0d;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  transition:opacity 0.5s ease;
  cursor: none; /* Versteckt den Standard-Windows-Cursor */
}
#intro-overlay.fade-out { opacity:0; pointer-events:none; }
.monitor-wrap {
  position:relative;
  animation:monitorAppear 0.9s cubic-bezier(0.34,1.3,0.64,1) forwards;
  transform-origin:center center;
}
@keyframes monitorAppear {
  from{opacity:0;transform:scale(0.55) translateY(50px);}
  to{opacity:1;transform:scale(1) translateY(0);}
}
.monitor-wrap.expand {
  animation:monitorExpand 1s cubic-bezier(0.55,0,1,0.45) forwards;
  transform-origin:center center;
}
@keyframes monitorExpand {
  0%{transform:scale(1);opacity:1;}
  55%{transform:scale(10);opacity:1;}
  100%{transform:scale(22);opacity:0;}
}

/* ── MAIN HOUSING ── */
.monitor-body {
  width:460px;
  position:relative;
  background:linear-gradient(170deg,#eae6de 0%,#dddad0 25%,#d0cdc3 55%,#c4c0b6 100%);
  border-radius:6px 6px 3px 3px;
  padding:22px 22px 0;
  box-shadow:
    inset 2px 2px 0 rgba(255,255,255,0.65),
    inset -1px -1px 0 rgba(0,0,0,0.2),
    0 16px 50px rgba(0,0,0,0.8),
    0 4px 12px rgba(0,0,0,0.5);
}
.monitor-bezel {
  background:#201e1a;
  border-radius:4px 4px 3px 3px;
  padding:14px 14px 12px;
  box-shadow:
    inset 0 0 0 1px #111,
    inset 4px 4px 14px rgba(0,0,0,0.95),
    inset -3px -3px 10px rgba(0,0,0,0.7);
}
.monitor-screen {
  background:#030706;
  width:100%;
  height:272px;
  position:relative;
  overflow:hidden;
  border-radius:10px;
  box-shadow:
    inset 0 0 50px rgba(0,0,0,0.98),
    inset 0 0 12px rgba(0,0,0,0.9),
    0 0 0 2px #111;
}
.monitor-screen .crt-glare {
  position:absolute;top:0;left:0;width:60%;height:50%;
  background:linear-gradient(140deg,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0.02) 40%,transparent 65%);
  border-radius:10px 0 0 0;
  pointer-events:none;z-index:4;
}
.monitor-screen .crt-glare2 {
  position:absolute;bottom:4px;right:4px;width:25%;height:18%;
  background:radial-gradient(ellipse at 80% 80%,rgba(255,255,255,0.025) 0%,transparent 70%);
  pointer-events:none;z-index:4;
}
.monitor-screen::after {
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.18) 2px,rgba(0,0,0,0.18) 4px);
  pointer-events:none;z-index:3;border-radius:10px;
}
.monitor-screen::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 48% 40%,rgba(0,255,65,0.1) 0%,rgba(0,200,50,0.03) 50%,transparent 75%);
  z-index:2;pointer-events:none;
}
.screen-content {
  padding:14px 16px;font-family:'JetBrains Mono',monospace;
  font-size:11.5px;color:#00FF41;line-height:1.75;
  position:relative;z-index:1;height:100%;overflow:hidden;
  text-shadow:0 0 8px rgba(0,255,65,0.55);
}
.screen-content .dl{color:#2a6a2a;}
.screen-content .br{color:#C4FFC4;font-weight:700;text-shadow:0 0 10px rgba(180,255,180,0.7);}
.monitor-screen.poweron{animation:crtOn 0.8s forwards;}
@keyframes crtOn {
  0%{filter:brightness(0);}8%{filter:brightness(5) blur(4px);}13%{filter:brightness(0);}
  28%{filter:brightness(3) blur(2px);}35%{filter:brightness(0.4);}
  55%{filter:brightness(1.9);}75%{filter:brightness(0.88);}88%{filter:brightness(1.08);}100%{filter:brightness(1);}
}

.monitor-front-panel {
  background:linear-gradient(180deg,#d4d0c6 0%,#c8c4ba 100%);
  height:30px;
  border-radius:0 0 3px 3px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;
  margin-top:4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -1px 0 rgba(0,0,0,0.12);
}
.panel-buttons{display:flex;gap:4px;align-items:center;}
.panel-btn{
  width:16px;height:7px;
  background:linear-gradient(180deg,#c4c0b6 0%,#b4b0a6 100%);
  border-radius:2px;
  box-shadow:0 1px 2px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.3);
}
.panel-btn.wide{width:26px;}
.monitor-brand{font-size:8px;letter-spacing:0.2em;color:#9a9690;font-family:'JetBrains Mono',monospace;text-transform:uppercase;}
.monitor-leds{display:flex;gap:6px;align-items:center;}
.led{width:7px;height:7px;border-radius:50%;background:#383836;box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);}
.led.on{background:#00cc33;box-shadow:0 0 7px #00cc33,0 0 3px #00ff41;}
.led.blink{animation:hddBlink 0.22s step-end infinite;}
@keyframes hddBlink{50%{background:#383836;box-shadow:none;}}

.monitor-base-top{width:160px;height:10px;background:#c8c4ba;margin:0 auto;}
.monitor-base-body {
  width:320px;height:30px;margin:0 auto;
  background:linear-gradient(180deg,#d0ccc2 0%,#c4c0b6 40%,#b8b4aa 100%);
  border-radius:0 0 40% 40% / 0 0 20px 20px;
  box-shadow:0 8px 22px rgba(0,0,0,0.55),inset 0 2px 0 rgba(255,255,255,0.4);
  display:flex;align-items:center;justify-content:center;gap:6px;padding:0 40px 6px;
}
.base-btn{width:12px;height:5px;background:#b8b4aa;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,0.2);}

.type-cursor{
  display:inline-block;width:7px;height:12px;
  background:#00FF41;animation:typeCursor 0.7s step-end infinite;
  vertical-align:text-bottom;margin-left:1px;
  box-shadow:0 0 5px rgba(0,255,65,0.9);
}
@keyframes typeCursor{50%{opacity:0;}}
.scroll-hint{
  margin-top:32px;
  opacity:0;transition:opacity 0.5s;
}
.scroll-hint.visible{opacity:1;}
.enter-btn{
  font-family:'JetBrains Mono',monospace;font-size:0.72rem;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--black);background:var(--green);
  border:1px solid var(--green);
  padding:0.7rem 2rem;cursor:pointer;
  transition:all 0.2s;
  animation:enterPulse 2s ease-in-out infinite;
  position:relative;
  overflow:hidden;
}
.enter-btn::before{
  content:'';position:absolute;inset:0;
  background:rgba(255,255,255,0.12);
  transform:translateX(-100%);
  transition:transform 0.3s;
}
.enter-btn:hover::before{transform:translateX(0);}
.enter-btn:hover{background:transparent;color:var(--green);}
@keyframes enterPulse{
  0%,100%{box-shadow:0 0 8px rgba(0,255,65,0.4),0 0 20px rgba(0,255,65,0.1);}
  50%{box-shadow:0 0 16px rgba(0,255,65,0.7),0 0 40px rgba(0,255,65,0.2);}
}
.skip-btn{
  position:absolute;bottom:24px;right:24px;
  font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.12em;
  color:#444;background:transparent;border:1px solid #333;
  padding:5px 12px;cursor:pointer;transition:all 0.2s;z-index:2;
}
.skip-btn:hover{color:#00FF41;border-color:#00FF41;}

body::before{
  content:'';position:fixed;inset:0;z-index:999;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px);
}
#rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0.18;}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:1rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(5,10,5,0.92);
  border-bottom:1px solid var(--muted);
}
.nav-logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none;}
.nav-mono{color:var(--green);font-weight:800;font-size:1rem;letter-spacing:-0.02em;}
.nav-mono span{color:var(--text-dim);}
.nav-links{display:flex;gap:2rem;list-style:none;}
.nav-links a{
  text-decoration:none;color:var(--text-dim);font-size:0.7rem;
  letter-spacing:0.15em;text-transform:uppercase;
  transition:color 0.15s;position:relative;
}
.nav-links a::before{content:'./';color:var(--green);opacity:0;}
.nav-links a:hover{color:var(--green);}
.nav-links a:hover::before{opacity:1;}
.nav-lang{
  background:transparent;border:1px solid var(--muted);color:var(--text-dim);
  font-family:var(--ff);font-size:0.65rem;letter-spacing:0.12em;
  padding:4px 10px;cursor:pointer;transition:all 0.2s;
}
.nav-lang:hover{border-color:var(--green);color:var(--green);}

/* ── HERO ── */
#hero{
  min-height:100vh;display:flex;flex-direction:column;justify-content:center;
  padding:8rem 2.5rem 5rem;position:relative;z-index:1;
}
.hero-prompt{
  color:var(--text-dim);font-size:0.75rem;letter-spacing:0.1em;
  margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;
}
.prompt-sym{color:var(--green);}
.hero-h1{
  font-size:clamp(2.5rem,7vw,6rem);font-weight:800;line-height:1;
  letter-spacing:-0.03em;margin-bottom:1.5rem;
  color:var(--green);
}
.hero-h1 .dim{color:var(--text-dim);font-weight:100;font-style:italic;}
.glitch{position:relative;display:inline-block;}
.glitch::before,.glitch::after{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;
  background:var(--black);
}
.glitch::before{left:2px;text-shadow:-2px 0 #ff0055;clip:rect(0,900px,0,0);animation:glitch1 3s infinite linear alternate-reverse;}
.glitch::after{left:-2px;text-shadow:2px 0 #00ffff;clip:rect(0,900px,0,0);animation:glitch2 2s infinite linear alternate-reverse;}
@keyframes glitch1{
  0%{clip:rect(42px,9999px,44px,0)}20%{clip:rect(12px,9999px,59px,0)}40%{clip:rect(88px,9999px,5px,0)}60%{clip:rect(31px,9999px,72px,0)}80%{clip:rect(65px,9999px,18px,0)}100%{clip:rect(77px,9999px,40px,0)}
}
@keyframes glitch2{
  0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(34px,9999px,8px,0)}40%{clip:rect(11px,9999px,50px,0)}60%{clip:rect(80px,9999px,28px,0)}80%{clip:rect(20px,9999px,90px,0)}100%{clip:rect(50px,9999px,15px,0)}
}
.hero-sub{
  font-size:1rem;color:var(--text-dim);margin-bottom:2.5rem;
  max-width:480px;line-height:1.8;
}
.hero-sub .hi{color:var(--green);}
.blink{animation:blink 1s step-end infinite;}
@keyframes blink{50%{opacity:0;}}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;}
.btn{
  padding:0.7rem 1.5rem;font-family:var(--ff);font-size:0.72rem;
  letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;
  text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.5rem;
}
.btn-primary{background:var(--green);color:var(--black);border:1px solid var(--green);font-weight:700;}
.btn-primary:hover{background:transparent;color:var(--green);}
.btn-ghost{background:transparent;color:var(--green);border:1px solid var(--muted);}
.btn-ghost:hover{border-color:var(--green);}
.hero-stats{
  position:absolute;right:2.5rem;bottom:3rem;
  display:flex;flex-direction:column;gap:0.5rem;align-items:flex-end;
}
.stat-line{font-size:0.65rem;color:var(--sec-text-dim);letter-spacing:0.1em;}
.stat-line span{color:var(--green);}

/* ── SECTION COMMONS ── */
section{padding:6rem 2.5rem;position:relative;z-index:1;}
.sec-header{margin-bottom:3rem;}
.sec-prompt{font-size:0.65rem;color:var(--sec-text-dim);letter-spacing:0.15em;margin-bottom:0.75rem;}
.sec-prompt .sym{color:var(--sec-color);}
.sec-h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-0.02em;color:var(--sec-color);line-height:1.1;}
.sec-h2 .dim{color:var(--sec-text-dim);font-weight:100;}
.divider{border:none;border-top:1px solid var(--sec-muted);margin:0;}

/* Über Mich bleibt Standard (Grün) */
#ueber {
  --sec-color: var(--orange);
  --sec-color-dim: var(--orange-dim);
  --sec-color-mid: var(--orange-mid);
  --sec-color-faint: var(--orange-faint);
  --sec-color-dark: var(--orange-dark);
  --sec-text: var(--orange-text);
  --sec-text-dim: var(--orange-text-dim);
  --sec-muted: var(--orange-muted);
  background: #060402; /* Sehr dunkles Orange-Schwarz */
  }
  
  /* Leistungen wird BLAU */
  #leistungen {
    --sec-color: var(--blue);
    --sec-color-dim: var(--blue-dim);
    --sec-color-mid: var(--blue-mid);
    --sec-color-faint: var(--blue-faint);
    --sec-color-dark: var(--blue-dark);
    --sec-text: var(--blue-text);
    --sec-text-dim: var(--blue-text-dim);
    --sec-muted: var(--blue-muted);
    background: #020406;    
  }
  
  /* Automatisierungen wird VIOLETT */
  #automatisierungen {
    --sec-color: var(--purple);
    --sec-color-dim: var(--purple-dim);
    --sec-color-mid: var(--purple-mid);
    --sec-color-faint: var(--purple-faint);
    --sec-color-dark: var(--purple-dark);
    --sec-text: var(--purple-text);
    --sec-text-dim: var(--purple-text-dim);
    --sec-muted: var(--purple-muted);
  }
  
  /* FAQ wird ORANGE */
  #faq {
    --sec-color: var(--cyan);
    --sec-color-dim: var(--cyan-dim);
    --sec-color-mid: var(--cyan-mid);
    --sec-color-faint: var(--cyan-faint);
    --sec-color-dark: var(--cyan-dark);
    --sec-text: var(--cyan-text);
    --sec-text-dim: var(--cyan-text-dim);
    --sec-muted: var(--cyan-muted);
    background: #060402;
  }
/* ── ÜBER MICH ── */
#ueber{background:var(--black);}
.ueber-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:2rem;}
.terminal-box{
  border:1px solid var(--sec-muted);background:var(--sec-color-faint);
  font-size:0.85rem;line-height:2;
}
.terminal-bar{
  background:var(--sec-muted);padding:0.4rem 1rem;
  display:flex;align-items:center;gap:0.5rem;
  font-size:0.65rem;color:var(--sec-text-dim);letter-spacing:0.1em;
}
.t-dot{width:8px;height:8px;border-radius:50%;}
.t-dot.r{background:#ff5555;}
.t-dot.y{background:#ffcc00;}
.t-dot.g{background:#00ff41;}
.terminal-body{padding:1.25rem 1.5rem;}
.t-line{display:flex;gap:0.75rem;margin-bottom:0.25rem;}
.t-key{color:var(--sec-color);min-width:120px;flex-shrink:0;}
.t-val{color:var(--sec-text);}
.t-comment{color:var(--sec-text-dim);font-style:italic;margin-top:0.75rem;font-size:0.8rem;}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-top:2rem;}
.nerd-tag{
  font-size:0.65rem;letter-spacing:0.08em;padding:3px 10px;
  border:1px solid var(--sec-muted);color:var(--sec-text-dim);
  transition:all 0.2s;
}
.nerd-tag:hover{border-color:var(--sec-color);color:var(--sec-color);}
.nerd-tag.hot{border-color:var(--sec-color-dim);color:var(--sec-color);}

/* ── LEISTUNGEN ── */
#leistungen{background:#020602;}
.leistungen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--sec-muted);border:1px solid var(--sec-muted);}
.leistung-card{
  background:var(--black);padding:2rem;
  transition:background 0.2s;position:relative;overflow:hidden;
}
.leistung-card::before{
  content:'';position:absolute;top:0;left:0;width:3px;height:0;
  background:var(--sec-color);transition:height 0.3s;
}
.leistung-card:hover{background:var(--sec-color-dim);}
.leistung-card:hover::before{height:100%;}
.l-num{font-size:0.6rem;color:var(--sec-text-dim);letter-spacing:0.2em;margin-bottom:1.25rem;}
.l-title{font-size:1.2rem;font-weight:700;color:var(--sec-color);margin-bottom:0.75rem;line-height:1.2;}
.l-desc{font-size:0.8rem;color:var(--sec-text-dim);line-height:1.8;margin-bottom:1.25rem;}
.l-tags{display:flex;flex-wrap:wrap;gap:4px;}
.l-tag{font-size:0.58rem;letter-spacing:0.08em;padding:2px 7px;background:var(--sec-color-dark);color:var(--sec-color);}

/* ── AUTOMATISIERUNGEN ── */
#automatisierungen{background:var(--black);}
.auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;}
.auto-card{border:1px solid var(--sec-muted);padding:1.75rem;transition:border-color 0.2s;position:relative;}
.auto-card:hover{border-color:var(--sec-color);}
.auto-card-num{font-size:0.6rem;letter-spacing:0.2em;color:var(--sec-text-dim);margin-bottom:1rem;}
.auto-card-title{font-size:1rem;font-weight:700;color:var(--sec-color);margin-bottom:0.5rem;}
.auto-card-desc{font-size:0.78rem;color:var(--sec-text-dim);line-height:1.8;margin-bottom:1.25rem;}
.stat-block{
  background:var(--sec-color-dark);border-left:2px solid var(--sec-color);
  padding:0.75rem 1rem;margin-bottom:1rem;
}
.stat-num{font-size:2rem;font-weight:800;color:var(--sec-color);line-height:1;}
.stat-unit{font-size:0.6rem;letter-spacing:0.12em;color:var(--sec-color-dim);margin-left:4px;}
.stat-desc{font-size:0.62rem;color:var(--sec-text-dim);margin-top:4px;letter-spacing:0.06em;}
.process-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:0.5rem;}
.p-step{font-size:0.6rem;padding:3px 8px;background:var(--sec-color-faint);border:1px solid var(--sec-muted);color:var(--sec-text-dim);}
.p-step.done{background:var(--sec-color-dark);border-color:var(--sec-color);color:var(--sec-color);}
.p-arrow{color:var(--sec-color);font-size:0.7rem;}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:0.5rem;}
.compare-item{padding:6px 8px;text-align:center;}
.compare-item.before{background:var(--sec-color-faint);border:1px solid var(--sec-muted);}
.compare-item.after{background:var(--sec-color-dark);border:1px solid var(--sec-color);}
.compare-label{font-size:0.55rem;letter-spacing:0.1em;color:var(--sec-text-dim);margin-bottom:2px;}
.compare-val{font-size:0.9rem;font-weight:700;color:var(--sec-color);}
.compare-item.before .compare-val{color:var(--sec-text-dim);}
.calc-rows{display:flex;flex-direction:column;gap:4px;margin-top:0.5rem;}
.calc-row{display:flex;justify-content:space-between;padding:5px 8px;font-size:0.62rem;}
.calc-row.normal{background:var(--sec-color-faint);color:var(--sec-text-dim);}
.calc-row.highlight{background:var(--sec-color-dark);color:var(--sec-color);font-weight:700;}
.auto-banner{
  margin-top:2rem;padding:1.5rem 2rem;
  border:1px solid var(--sec-color);background:var(--sec-color-faint);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
}
.banner-text{font-size:0.95rem;color:var(--sec-text);font-weight:100;font-style:italic;}
.banner-text strong{color:var(--sec-color);font-weight:700;font-style:normal;}
.banner-stats{display:flex;gap:2rem;}
.b-stat{text-align:center;}
.b-stat-sym{font-size:1.5rem;font-weight:800;color:var(--sec-color);}
.b-stat-label{font-size:0.58rem;letter-spacing:0.1em;color:var(--sec-text-dim);margin-top:2px;}

/* ── FAQ ── */
#faq{background:#020602;}
.faq-list{max-width:700px;margin-top:2rem;}
.faq-item{border-top:1px solid var(--sec-muted);}
.faq-item:last-child{border-bottom:1px solid var(--sec-muted);}
.faq-q{
  width:100%;background:none;border:none;cursor:pointer;
  padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--ff);font-size:0.9rem;font-weight:700;
  color:var(--sec-text);text-align:left;gap:1rem;transition:color 0.2s;
}
.faq-q:hover,.faq-q.open{color:var(--sec-color);}
.faq-q .sym{color:var(--sec-color);flex-shrink:0;font-size:1rem;transition:transform 0.3s;}
.faq-q.open .sym{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s;}
.faq-a.open{max-height:300px;padding-bottom:1.25rem;}
.faq-a p{font-size:0.82rem;color:var(--sec-text-dim);line-height:1.9;}
.faq-a p::before{content:'> ';color:var(--sec-color);}

/* ── KONTAKT ── */
#kontakt{background:var(--black);}
.kontakt-inner{max-width:640px;}
.kontakt-box{
  border:1px solid var(--sec-color);padding:2.5rem;margin-top:2rem;
  background:var(--green-faint);position:relative;
}
.kontakt-box::after{
  content:'';position:absolute;inset:4px;
  border:1px solid var(--sec-muted);pointer-events:none;
}
.k-prompt{font-size:0.75rem;color:var(--sec-text-dim);margin-bottom:1.5rem;}
.k-prompt .sym{color:var(--sec-color);}
.k-text{font-size:0.9rem;color:var(--sec-text-dim);line-height:1.9;margin-bottom:2rem;}
.k-text strong{color:var(--sec-color);}
.k-links{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;}
.k-mail{font-size:0.8rem;color:var(--sec-text-dimm);letter-spacing:0.05em;text-decoration:none;transition:color 0.2s;}
.k-mail:hover{color:var(--sec-color);}

/* ── FOOTER ── */
footer{
  background:var(--black);border-top:1px solid var(--muted);
  padding:1.5rem 2.5rem;
  display:flex;justify-content:space-between;align-items:center;
  font-size:0.62rem;letter-spacing:0.1em;color:var(--text-dim);
  flex-wrap:wrap;gap:1rem;z-index:1;position:relative;
}
footer a{color:var(--sec-text-dim);text-decoration:none;transition:color 0.2s;}
footer a:hover{color:var(--sec-color);}

/* ── ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity 0.6s,transform 0.6s;}
.reveal.visible{opacity:1;transform:translateY(0);}

@keyframes fadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.hero-prompt{animation:fadeIn 0.6s 0.1s both;}
.hero-h1{animation:fadeIn 0.7s 0.25s both;}
.hero-sub{animation:fadeIn 0.7s 0.4s both;}
.hero-cta{animation:fadeIn 0.7s 0.55s both;}
.hero-stats{animation:fadeIn 0.7s 0.7s both;}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  nav{padding:1rem 1.5rem;}
  .nav-links{display:none;}
  section{padding:4rem 1.5rem;}
  #hero{padding:7rem 1.5rem 4rem;}
  .ueber-grid,.leistungen-grid,.auto-grid{grid-template-columns:1fr;}
  .hero-stats{display:none;}
}