:root{--bg:#080d10;--panel:#10181d;--panel2:#131e24;--line:#26363c;--text:#f4f7f8;--muted:#a9b6bb;--lime:#d5ff43;--lime2:#b8ec24;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,12,15,.96);border-bottom:1px solid #ffffff12}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:35px;height:35px;border:1px solid #d5ff4360;color:var(--lime);display:grid;place-items:center;border-radius:10px;font-size:20px}.brand span span{color:var(--lime)}.navlinks{display:flex;gap:25px;align-items:center;color:#c5cdd0;font-size:.86rem}.navlinks a:hover{color:var(--lime)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--lime);padding:12px 18px;border-radius:8px;font-weight:750;font-size:.9rem;transition:.2s;cursor:pointer}.btn.primary{background:var(--lime);color:#10140a}.btn.primary:hover{background:#e4ff80;transform:translateY(-1px)}.btn.ghost{border-color:#617078;background:#0b1115;color:var(--text)}.btn.ghost:hover{border-color:var(--lime);color:var(--lime)}.menu-btn{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 11px;border-radius:8px}.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#0a1115}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#070c10 0%,#070c10f0 24%,#070c1080 55%,#070c1020 100%),linear-gradient(0deg,#080d10 0%,transparent 38%),url('../images/hero-lake.jpg') center 48%/cover no-repeat}.hero-inner{position:relative;padding:76px 0 82px;max-width:720px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lime);font-weight:800}.hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.99;letter-spacing:-.065em;margin:18px 0 20px;max-width:720px}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:1.1rem;color:#d0d8db;max-width:550px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-note{margin-top:35px;display:flex;gap:20px;flex-wrap:wrap;color:#d3dcdf;font-size:.82rem}.hero-note span{display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section h2,.pricing h2{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.05em;line-height:1.05;margin:9px 0 0}.section-intro{max-width:490px;color:var(--muted);margin:12px 0 0}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service{padding:22px 18px;background:linear-gradient(145deg,#111a1f,#0b1115);border:1px solid var(--line);border-radius:12px;min-height:185px;transition:.22s}.service:hover{transform:translateY(-3px);border-color:#d5ff4370}.service .icon{font-size:1.65rem;color:var(--lime);margin-bottom:16px}.service h3{margin:0 0 7px;font-size:1rem}.service p{margin:0;color:var(--muted);font-size:.86rem}.portfolio{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.project{position:relative;overflow:hidden;border-radius:12px;min-height:260px;background:#111a1f;border:1px solid var(--line)}.project img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s;filter:saturate(.88)}.project:hover img{transform:scale(1.06)}.project:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#071014f2)}.project-info{position:absolute;z-index:1;left:17px;right:17px;bottom:17px}.project-info small{color:var(--lime);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.project-info h3{margin:4px 0 2px;font-size:1.12rem}.project-info p{margin:0;color:#d1dadd;font-size:.8rem}.pricing{background:radial-gradient(ellipse at 70% 0%,#293323 0%,transparent 50%),#0d1418;border-block:1px solid var(--line)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.package{border:1px solid var(--line);border-radius:14px;padding:27px;background:linear-gradient(150deg,#141e23,#0b1115);position:relative}.package.featured{border-color:var(--lime);box-shadow:0 0 0 1px #d5ff4325}.popular{position:absolute;top:-12px;left:24px;background:var(--lime);color:#10140a;font-weight:900;font-size:.68rem;letter-spacing:.08em;padding:5px 10px;border-radius:5px}.package h3{font-size:1.2rem;margin:0}.package .sub{color:var(--muted);font-size:.88rem;min-height:26px}.price{font-size:2rem;letter-spacing:-.05em;font-weight:850;margin:18px 0 3px}.package ul{padding:0;list-style:none;margin:22px 0 26px;color:#d2dadc;font-size:.88rem}.package li{margin:9px 0}.package li:before{content:'✓';color:var(--lime);font-weight:900;margin-right:9px}.package .btn{width:100%}.fineprint{color:#819096;font-size:.78rem;margin-top:18px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.about-photo{min-height:430px;border-radius:15px;overflow:hidden;border:1px solid var(--line);position:relative;background:#111}.about-photo img{width:100%;height:100%;position:absolute;object-fit:cover;inset:0}.about-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#081014a8)}.about-label{position:absolute;bottom:22px;left:22px;z-index:1;background:#080d10d9;border:1px solid #ffffff24;border-radius:8px;padding:12px 15px;font-size:.85rem}.about-copy p{color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:25px}.pillar{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:15px}.pillar b{display:block;font-size:.9rem}.pillar span{color:var(--muted);font-size:.8rem}.tick{color:var(--lime);font-size:1.25rem}.cta{background:linear-gradient(110deg,#10191d,#17221e);border:1px solid var(--line);border-radius:16px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.cta h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.055em;line-height:1.04;margin:10px 0 14px}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.contact-method{border:1px solid var(--line);padding:12px;border-radius:9px;color:#dbe1e2;font-size:.85rem}.contact-method b{display:block;color:var(--lime);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:block;color:#c6d0d3;font-size:.78rem;margin-bottom:6px}.form input,.form select,.form textarea{width:100%;background:#080e12;border:1px solid #33434a;border-radius:7px;padding:12px;color:#fff;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--lime)}.form .full{grid-column:1/-1}.form textarea{min-height:105px;resize:vertical}.form .btn{width:100%}.form-note{font-size:.72rem;color:#8d9a9f;margin:0}.footer{border-top:1px solid var(--line);padding:28px 0;color:#95a2a7;font-size:.8rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer a:hover{color:var(--lime)}.legal-note{color:#78868b;font-size:.72rem;margin-top:15px}.inner-page{min-height:60vh}.prose{max-width:820px}.prose h1{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.055em;line-height:1.04}.prose h2{margin-top:2em}.gh-content{font-size:1.05rem;color:#d3dcdf}.gh-content a{text-decoration:underline;color:var(--lime)}.gh-content img,.page-feature{max-width:100%;height:auto}.gh-content figure{margin:2em 0}.gh-content figcaption{font-size:.8rem;color:var(--muted)}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.post-card{border:1px solid var(--line);padding:15px}.post-card img{width:100%;height:180px;object-fit:cover}.post-card h2{font-size:1.3rem}.post-card p{color:var(--muted)}
@media(max-width:1000px){.navlinks{gap:14px}.services{grid-template-columns:repeat(3,1fr)}.portfolio{grid-template-columns:repeat(3,1fr)}.project{min-height:250px}.cta{padding:28px;gap:25px}}
@media(max-width:720px){.wrap{width:min(var(--max),calc(100% - 30px))}.nav{height:66px}.menu-btn{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:66px;background:#080d10;border-bottom:1px solid var(--line);padding:18px 22px 22px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks .btn{margin-top:5px}.brand{font-size:1rem}.hero{min-height:530px}.hero-inner{padding:68px 0}.hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.lead{font-size:1rem}.section{padding:58px 0}.section-head{display:block}.section-head>.btn{margin-top:18px}.services{grid-template-columns:repeat(2,1fr);gap:10px}.service{padding:18px 14px;min-height:170px}.portfolio{grid-template-columns:repeat(2,1fr);gap:10px}.project{min-height:230px}.project:last-child{grid-column:1/-1;min-height:200px}.packages{grid-template-columns:1fr;gap:18px}.package{padding:25px}.about-grid{grid-template-columns:1fr;gap:28px}.about-photo{min-height:340px}.cta{grid-template-columns:1fr;padding:24px 18px}.contact-methods{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.form .full{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}.post-list{grid-template-columns:1fr}}
@media(max-width:420px){.services,.portfolio{grid-template-columns:1fr}.project,.project:last-child{min-height:230px}.contact-methods,.pillars{grid-template-columns:1fr}.hero-note{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
```css
```css
/* Impressum */
.inner-page .impressum-box {
  box-sizing: border-box;
  width: 100%;
  margin: 22px 0;
  padding: 22px 24px;
  background: #10181b;
  border: 1px solid #293538;
  border-left: 3px solid #c6f36b;
  border-radius: 12px;
  text-align: left;
}

.inner-page .impressum-box h2 {
  margin: 10px 0 16px;
  padding: 10px 0 0;
  border-bottom: none;
  border-top: 1px solid #293538;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
}

.inner-page .impressum-box p {
  margin: 0 0 16px;
  padding: 0;
  color: #e8edef;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
}

.inner-page .impressum-box p:last-child {
  margin-bottom: 0;
}

.inner-page .impressum-box strong {
  color: #ffffff;
  font-weight: 600;
}

.inner-page .impressum-box a {
  color: #ffffff;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.inner-page .impressum-box a:hover {
  text-decoration: underline;
}

.inner-page h1 {
  margin-bottom: 26px;
  font-size: 30px;
  line-height: 1.3;
}
```


/* DroneMediaGRS Footer */
.footer-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 28px;
  text-align: center;
}

.footer-reviews,
.footer-instagram-feed {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #080d10;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: center;
}

.footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
  text-align: center;
}

.footer-links a,
.footer-inner > span {
  font-size: 16px;
  line-height: 1.7;
}

.footer-inner > span {
  text-align: center;
}
/* Titeltext nach links verschieben */
.hero-inner {
  margin-left: 30px;
}

/* Auf Smartphones ursprüngliche Position behalten */
@media (max-width: 720px) {
  .hero-inner {
    margin-left: 0;
  }
}



/* Portfolio-Galerie: 3 Bilder nebeneinander */
.inner-page .portfolio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  width: 100%;
}

.inner-page .portfolio .project {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.inner-page .portfolio .project img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 14px;
}

/* Tablet */
@media (max-width: 900px) {
  .inner-page .portfolio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Smartphone */
@media (max-width: 600px) {
  .inner-page .portfolio {
    grid-template-columns: 1fr;
  }
}
/* Bilder heller darstellen */
.inner-page .portfolio .project img {
  filter: brightness(1.2);
}