/* Drohnenvermessung für Bau und Handwerk - Kampagnen-CSS, eingegrenzt auf .dro-wrap
   Erzeugt aus 03 KI/Mafell-Herstellerseite/drohnenvermessung.html @ 05d1fa2 (ADR 25: Quelle-first).
   Kein globaler Reset, keine nackten html/body-Selektoren, keine externen Requests.
   Der Passwortschutz liegt inline im Seiten-Body (POEPPEL-PASSWORTSCHUTZ-Marker), nicht hier. */

/* --- Neutralisierung global geladener Regeln -------------------------------
   Das System laedt auf jeder Seite bootstrap.min.css, main.min.css, navbar,
   elementor-frontend, animate und font-awesome. Deren Element- und Klassenregeln
   greifen ueberall dort in den Kampagnenbereich hinein, wo die Seite die jeweilige
   Eigenschaft nicht selbst setzt - das Eingrenzen allein schuetzt davor nicht.
   Uebernommen aus der Mafell-Partnerseite (dort per Knotenvergleich gemessen). */

/* main.min.css setzt h1..h6 auf Versalien und Grau */
.dro-wrap h1,.dro-wrap h2,.dro-wrap h3,.dro-wrap h4,.dro-wrap h5,.dro-wrap h6{text-transform:none;color:inherit}
/* main.min.css setzt zusaetzlich h1{300}, h3{400} und h1..h6{500}. Die Quellen
   verlassen sich bei den Ueberschriften auf den Browser-Standard (bold) - ohne
   diese Zeile rendern H1 und H3 live duenner als gestaltet. Gemessen im Vergleich
   Quelle <-> Lieferung: h1 700 -> 300, h3 700 -> 400. */
.dro-wrap h1,.dro-wrap h2,.dro-wrap h3,.dro-wrap h4,.dro-wrap h5,.dro-wrap h6{font-weight:bold}
/* main.min.css setzt "body, td, p{font-size:18px}" - td wird damit DIREKT
   angesprochen und ignoriert die font-size der eigenen table-Regel. Gemessen:
   15,2px in der Quelle gegen 18px in der Lieferung. */
.dro-wrap td,.dro-wrap th{font-size:inherit}
/* Zeilenhoehe der Ueberschriften: das System setzt eine eigene, deutlich groessere
   (h3 gemessen 54px statt 27,6px) - dadurch reisst der Abstand zwischen einer
   Kachelueberschrift und ihrem Text auf. Die Quellen erben die Zeilenhoehe vom
   Textkoerper; h1/h2 setzen ihre eigene und gewinnen ueber die Regel darunter. */
.dro-wrap h1,.dro-wrap h2,.dro-wrap h3,.dro-wrap h4,.dro-wrap h5,.dro-wrap h6{line-height:inherit}
/* bootstrap: .lead{line-height:1.4} staucht den Einleitungstext (24,2px statt 27,6px) */
.dro-wrap .lead{line-height:inherit}
/* bootstrap: blockquote bekommt Rahmen, Innenabstand und eigene Schriftgroesse */
.dro-wrap blockquote{border:0;padding:0;margin:0;font-size:inherit}
/* bootstrap: .mark/mark faerbt den Hintergrund gelb (#fcf8e3) */
.dro-wrap .mark,.dro-wrap mark{background:transparent;padding:0;color:inherit}
/* bootstrap: .btn/.badge zentrieren den Text und setzen eigene Groessen */
.dro-wrap .btn,.dro-wrap .badge{text-align:inherit}
/* bootstrap: .btn bekommt "border:1px solid transparent" - unsichtbar, macht den
   Knopf aber 2px groesser als in der Quelle. Gemessen im Knotenvergleich. */
.dro-wrap .btn{border:0}
.dro-wrap button{color:inherit}
/* bootstrap: .lead setzt eigene Schriftgroesse und font-weight:300 */
.dro-wrap .lead{font-weight:inherit}
/* bootstrap: .table/table bekommt eigene Raender und Abstaende */
.dro-wrap table{background:transparent}
/* Schriftstaerke zurueckholen: main.min.css setzt global body{font-weight:300}.
   Die Quellen arbeiten mit dem Browser-Standard 400 und setzen selbst nie
   font-weight - ohne diese Zeile rendert die GESAMTE Seite duenner. */
.dro-wrap{font-weight:400}

.dro-wrap{--rot:#d51030;--rot-tief:#b30d27;--anthrazit:#15181c;--txt:#20242a;--muted:#5f6771;--line:#e4e7ea;--hell:#f5f7f8}
.dro-wrap *{box-sizing:border-box;margin:0;padding:0}
.dro-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--txt);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased}
.dro-wrap img{max-width:100%;height:auto;display:block}
.dro-wrap a{color:inherit}
.dro-wrap .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.dro-wrap .back{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.28);border-radius:9px;padding:9px 15px}
.dro-wrap .back svg{width:17px;height:17px}
.dro-wrap .back:hover{background:rgba(255,255,255,.1)}
.dro-wrap .hero{position:relative;color:#fff;padding:70px 0 74px;background:#0a0d12;overflow:hidden}
.dro-wrap .hero::before{content:"";position:absolute;inset:0;background:url('/assets/campaigns/drohnenvermessung/img/herobild-drohnenvermessung.webp') center 42%/cover no-repeat;z-index:0}
.dro-wrap .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.9) 0%,rgba(8,11,16,.66) 40%,rgba(8,11,16,.2) 100%);z-index:1;pointer-events:none}
.dro-wrap .hero .wrap{position:relative;z-index:2}
.dro-wrap .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--rot);display:inline-flex;align-items:center;gap:10px}
.dro-wrap .eyebrow::before{content:"";width:26px;height:2px;background:var(--rot)}
.dro-wrap .hero h1{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.08;margin:14px 0 16px;letter-spacing:-.02em}
.dro-wrap .hero p{color:rgba(255,255,255,.82);font-size:1.1rem;max-width:720px}
.dro-wrap .sec{padding:52px 0}
.dro-wrap .sec.grau{background:var(--hell)}
.dro-wrap h2{color:inherit;text-transform:none;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;letter-spacing:-.01em;margin:16px 0 18px}
.dro-wrap h3{color:inherit;text-transform:none;font-size:1.1rem;margin-bottom:6px}
.dro-wrap .lead{font-size:1.08rem;color:var(--muted);max-width:760px;margin-bottom:8px}
.dro-wrap .vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.dro-wrap .vcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px}
.dro-wrap .vcard .ic{color:var(--rot);margin-bottom:12px}
.dro-wrap .vcard .ic svg{width:32px;height:32px}
.dro-wrap .vcard b{font-size:1.08rem;display:block;margin-bottom:5px}
.dro-wrap .vcard p{font-size:.94rem;color:var(--muted);margin:0}
.dro-wrap .split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:38px;align-items:start;margin-top:12px}
.dro-wrap .applist{list-style:none;margin:12px 0 0}
.dro-wrap .applist li{display:flex;align-items:flex-start;gap:11px;padding:9px 0;border-bottom:1px solid var(--line);font-weight:600}
.dro-wrap .applist svg{width:19px;height:19px;color:var(--rot);flex:0 0 auto;margin-top:2px}
.dro-wrap .partnerbox .plabel{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}
.dro-wrap .partnerbox img.ateam{width:150px;margin:0 0 22px}
.dro-wrap .partnerbox img.zert{width:100%;max-width:280px;margin-top:8px}
.dro-wrap .btn{display:inline-flex;align-items:center;gap:9px;background:var(--rot);color:#fff;font-weight:700;padding:15px 26px;border-radius:11px;text-decoration:none;transition:background .2s}
.dro-wrap .btn:hover{background:var(--rot-tief)}
.dro-wrap .btn svg{width:19px;height:19px}
.dro-wrap .cta{background:var(--anthrazit);color:#fff;border-radius:18px;padding:38px 40px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.dro-wrap .cta b{font-size:1.35rem;display:block}
.dro-wrap .cta p{color:rgba(255,255,255,.8);margin-top:6px}
.dro-wrap .cta .tel{font-family:'Arial Black',Arial,sans-serif;font-size:1.5rem;color:#fff;text-decoration:none}
@media(max-width:820px){.dro-wrap .vgrid{grid-template-columns:1fr}
.dro-wrap .split{grid-template-columns:1fr}}
@media(max-width:820px){.dro-wrap #foerderung .fsplit{grid-template-columns:1fr!important}
.dro-wrap #foerderung .fxref{grid-template-columns:1fr!important}
.dro-wrap #foerderung .dsets{grid-template-columns:1fr!important}}