*{box-sizing:border-box}:root{--bg:#0b0c0d;--panel:#121314;--text:#fff;--muted:#b8b8b8;--gold:#c99b35;--gold2:#e2b84d;--line:rgba(255,255,255,.12)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 46px;background:rgba(10,11,12,.96);border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:0;left:0;right:0;z-index:100}.logo img{width:225px;display:block}.nav{display:flex;gap:34px;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:.06em;color:#fff}.nav a:first-child{color:var(--gold)}.top-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:17px 24px;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:14px;border-radius:3px}.hero{height:770px;margin-top:96px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero-ai-car.jpg') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 33%,rgba(0,0,0,.2) 74%,rgba(0,0,0,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.05))}.hero-content{position:relative;z-index:2;max-width:780px;padding-left:72px;padding-right:22px}.gold-label{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:14px;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{text-transform:uppercase;font-size:66px;line-height:1.05;letter-spacing:.01em;margin-bottom:22px}h2{text-transform:uppercase;font-size:38px;letter-spacing:.02em;margin-bottom:20px}h3{text-transform:uppercase;font-size:16px;letter-spacing:.03em}p{color:var(--muted);line-height:1.7}.gold-line{width:90px;height:3px;background:var(--gold);margin:0 0 34px}.hero-text{max-width:580px;font-size:20px;color:#fff}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;text-decoration:none;border-radius:3px;text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.03em}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}.btn.outline{border:1px solid rgba(255,255,255,.5);color:#fff}.btn.darkbtn{background:#0a0a0a;color:#fff}.btn.small{min-height:46px;font-size:13px}.quick-services{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#101112,#090a0b);padding:42px 70px;gap:0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.quick-services article{padding:8px 34px;border-right:1px solid var(--line)}.quick-services article:last-child{border-right:0}.icon{display:block;color:var(--gold);font-size:44px;margin-bottom:18px;line-height:1}.quick-services p{font-size:15px}.section{padding:80px 70px;background:#0d0e0f}.section.dark{background:linear-gradient(180deg,#121314,#0c0d0e)}.intro{max-width:1040px}.intro p:last-child{font-size:20px}.service-grid,.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.service-grid article,.why-grid article{background:linear-gradient(180deg,#171819,#101112);border:1px solid var(--line);padding:34px;min-height:235px}.refs{padding-left:0;padding-right:0}.headline-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 70px 34px}.portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.portfolio figure{margin:0;position:relative;min-height:310px;overflow:hidden;background:#222}.portfolio figure.wide{grid-column:span 2}.portfolio img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.portfolio figure:hover img{transform:scale(1.05)}.portfolio figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 22px 18px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.why{background:#111213}.why-grid{grid-template-columns:repeat(4,1fr)}.process{background:#0b0c0d}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:54px}.timeline article{text-align:center;padding:0 12px}.timeline span{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:26px;font-weight:900;margin-bottom:24px}.cta-banner{margin:50px 70px 70px;padding:46px 56px;background:linear-gradient(135deg,rgba(201,155,53,.95),rgba(226,184,77,.86)),url('assets/phoenix-angle.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:4px}.cta-banner .gold-label,.cta-banner p,.cta-banner h2{color:#fff}.cta-banner h2{font-size:34px;margin-bottom:10px}.footer{padding:64px 70px 28px;background:#070708;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:42px;border-top:1px solid rgba(255,255,255,.08)}.footer img{width:220px;margin-bottom:22px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col a,.footer-col span{color:var(--muted);text-decoration:none;line-height:1.55}.footer-col h3{margin-bottom:14px}.bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:14px}@media(max-width:1050px){.topbar{height:auto;position:relative;flex-wrap:wrap;padding:22px}.hero{margin-top:0;height:650px}.nav{order:3;width:100%;overflow:auto;gap:20px;padding-bottom:4px}.top-cta{display:none}.hero-content{padding-left:28px}h1{font-size:46px}.quick-services,.service-grid,.why-grid,.timeline,.footer{grid-template-columns:1fr 1fr}.portfolio{grid-template-columns:1fr 1fr}.quick-services{padding:34px 24px}.quick-services article{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:680px){.logo img{width:185px}.hero{height:620px}.hero-content{padding:24px}h1{font-size:38px}h2{font-size:28px}.section{padding:58px 22px}.quick-services,.service-grid,.why-grid,.timeline,.footer,.portfolio{grid-template-columns:1fr}.headline-row{padding:0 22px 28px;display:block}.portfolio figure.wide{grid-column:auto}.cta-banner{margin:30px 22px 46px;padding:30px;display:block}.cta-banner .btn{margin-top:18px}.bottom{display:block}}


/* Premium Erweiterung: Anfrageformular, Upload, WhatsApp, Maps */
.header-phone{
  color:var(--gold);
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:200;
  width:62px;
  height:62px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:900;
  font-size:25px;
  box-shadow:0 14px 40px rgba(0,0,0,.45);
}
.contact-section{
  padding:90px 70px;
  background:
    radial-gradient(circle at top right,rgba(201,155,53,.16),transparent 34%),
    linear-gradient(180deg,#111213,#08090a);
}
.contact-wrap{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:34px;
  max-width:1240px;
  margin:0 auto;
  align-items:start;
}
.contact-card{
  background:linear-gradient(180deg,#171819,#101112);
  border:1px solid var(--line);
  padding:34px;
  border-radius:8px;
  position:sticky;
  top:120px;
}
.contact-card h3{font-size:22px;margin-bottom:16px}
.contact-info{
  display:flex;
  flex-direction:column;
  gap:13px;
  margin:28px 0;
}
.contact-info a,.contact-info span{
  color:var(--muted);
  text-decoration:none;
  line-height:1.5;
}
.contact-info strong{color:#fff}
.map-box{
  margin-top:24px;
  overflow:hidden;
  border-radius:6px;
  border:1px solid var(--line);
  height:250px;
  background:#222;
}
.map-box iframe{
  width:100%;
  height:100%;
  border:0;
  filter:grayscale(1) contrast(1.05);
}
.contact-form{
  background:linear-gradient(180deg,#171819,#101112);
  border:1px solid rgba(201,155,53,.35);
  border-radius:8px;
  padding:34px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.contact-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#fff;
  font-weight:800;
  margin-bottom:18px;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  background:#0b0c0d;
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  padding:15px 14px;
  border-radius:4px;
  font:inherit;
  outline:none;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(201,155,53,.12);
}
.upload-box{
  border:2px dashed rgba(201,155,53,.75);
  padding:34px;
  text-align:center;
  background:rgba(201,155,53,.08);
  cursor:pointer;
  border-radius:8px;
  transition:.2s ease;
}
.upload-box:hover,.upload-box.dragover{
  background:rgba(201,155,53,.16);
  border-color:var(--gold2);
}
.upload-box input{display:none}
.upload-box strong{
  display:block;
  font-size:21px;
  color:#fff;
  margin-bottom:8px;
}
.upload-box span,.upload-box small{
  display:block;
  color:var(--muted);
  line-height:1.55;
}
.preview-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:18px;
}
.preview-list img{
  width:100%;
  height:90px;
  object-fit:cover;
  border-radius:5px;
  border:1px solid var(--line);
}
.preview-file{
  background:#0b0c0d;
  border:1px solid var(--line);
  border-radius:5px;
  padding:10px;
  color:var(--muted);
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.privacy-check{
  flex-direction:row!important;
  align-items:flex-start;
  gap:12px!important;
  font-weight:400!important;
  line-height:1.45;
}
.privacy-check input{
  width:auto;
  margin-top:4px;
}
.privacy-check a{color:var(--gold)}
.submit-btn{
  width:100%;
  border:0;
  cursor:pointer;
  min-height:60px;
  font-size:15px;
}
.form-note{
  color:var(--muted);
  font-size:14px;
  margin-top:14px;
  text-align:center;
}
.before-after{
  background:#101112;
}
.ba-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
  margin-top:34px;
}
.ba-card{
  border:1px solid var(--line);
  background:#171819;
  padding:18px;
}
.ba-card img{
  width:100%;
  height:300px;
  object-fit:cover;
  display:block;
}
.ba-card h3{margin:16px 0 4px}
@media(max-width:1050px){
  .header-phone{display:none}
  .contact-wrap{grid-template-columns:1fr}
  .contact-card{position:relative;top:auto}
}
@media(max-width:760px){
  .contact-section{padding:58px 22px}
  .form-grid,.ba-grid{grid-template-columns:1fr}
  .contact-form,.contact-card{padding:24px}
  .preview-list{grid-template-columns:repeat(2,1fr)}
  .whatsapp-float{width:56px;height:56px;right:16px;bottom:16px}
}

/* Anfrage bleibt auf der Seite */
.form-message{
  margin-top:18px;
  padding:16px 18px;
  border-radius:6px;
  line-height:1.5;
  font-weight:800;
  text-align:center;
}
.form-message.success{
  display:block;
  background:rgba(60,180,110,.14);
  border:1px solid rgba(60,180,110,.45);
  color:#dfffe9;
}
.form-message.error{
  display:block;
  background:rgba(220,50,50,.14);
  border:1px solid rgba(220,50,50,.45);
  color:#ffdede;
}
.submit-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}