/* MARKENFARBEN: Hier nach Abgleich mit der Originalseite anpassen. */
:root{--bg:#10171d;--surface:#19242d;--surface-2:#eff3f4;--accent:#ED1632;--accent-dark:#bd1027;--text:#18232a;--muted:#5c6b73;--white:#fff;--line:#dce5e8;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);line-height:1.65}a{color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:750px}.center{text-align:center}.site-header{position:sticky;top:0;z-index:10;background:rgba(16,23,29,.97);color:white;border-bottom:1px solid #33404a}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.2rem;letter-spacing:.05em;text-decoration:none}.brand strong{color:var(--accent)}.brand-mark{display:grid;place-items:center;background:var(--accent);color:var(--bg);width:37px;height:37px;border-radius:10px;font-weight:900}.nav nav{display:flex;gap:24px;align-items:center}.nav nav a{text-decoration:none;font-size:.92rem}.nav nav a:hover{color:var(--accent)}.nav-cta{background:var(--accent);padding:9px 17px;border-radius:9px;color:var(--bg)!important;font-weight:700}.menu-toggle{display:none}.hero{background:linear-gradient(135deg,#10171d,#243742);color:white;padding:105px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.18em;color:var(--accent-dark);margin:0 0 14px}.hero .eyebrow,.contact-section .eyebrow{color:var(--accent)}h1,h2,h3{line-height:1.17}h1{font-size:clamp(2.8rem,5.3vw,5.3rem);letter-spacing:-.045em;margin:0 0 25px}h1 span{color:var(--accent)}h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.03em;margin:0 0 25px}h3{font-size:1.22rem}.lead{font-size:1.18rem;color:#d5e1e4;max-width:610px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0}.button{display:inline-block;background:var(--accent);color:#10211f;border:0;padding:14px 22px;border-radius:10px;font-weight:800;text-decoration:none;cursor:pointer}.button:hover{filter:brightness(.94)}.ghost{background:transparent;color:white;border:1px solid #71848b}.chips{display:flex;gap:14px;flex-wrap:wrap;color:#d1e2e2;font-size:.85rem}.hero-photo,.about-photo{min-height:400px;border-radius:var(--radius);display:grid;place-items:center;text-align:center;background:linear-gradient(130deg,#34515b,#16232c);border:1px dashed #7d9da2;background-size:cover;background-position:center}.photo-label,.about-photo span{padding:20px;color:#d9f3ed;letter-spacing:.12em;font-size:.75rem;font-weight:800;text-shadow:0 2px 10px #000}.photo-label small,.about-photo small{letter-spacing:normal}.section{padding:95px 0}.intro p:last-child{font-size:1.15rem;color:var(--muted)}.alternate{background:var(--surface-2)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.service{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.service-icon{font-size:2rem;color:var(--accent-dark)}.service h3{margin:13px 0}.service p{color:var(--muted);margin-bottom:0}.accent-card{background:var(--bg);color:white}.accent-card p{color:#c9d5da}.accent-card a{color:#ff7186;text-underline-offset:3px}.accent-card a:hover,.accent-card a:focus-visible{color:#fff}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quotes blockquote{margin:0;background:#f4f7f8;border-left:4px solid var(--accent);border-radius:12px;padding:28px;font-style:italic}.quotes footer{margin-top:20px;font-style:normal;font-weight:800;font-size:.9rem}.references{display:flex;gap:14px;flex-wrap:wrap}.references span{background:white;border:1px solid var(--line);padding:17px 22px;border-radius:12px;font-weight:700}.muted{color:var(--muted);font-size:.88rem}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.about p{color:var(--muted)}.contact-section{background:var(--bg);color:white}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-grid>div>p{color:#d3dfe3}.contact-grid a{color:var(--accent)}.contact-form{background:white;color:var(--text);padding:32px;border-radius:var(--radius)}.contact-form label{display:block;font-weight:700;font-size:.89rem;margin-bottom:15px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;width:100%;padding:12px;border:1px solid #c9d4d8;border-radius:8px;margin-top:5px;background:white;color:var(--text)}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important}.consent input{margin-top:6px}.consent a{color:var(--accent-dark)}.form-notice{font-size:.8rem;color:#52646c;margin-bottom:15px}.footer{background:#0b1115;color:#c7d2d6;padding:28px 0}.footer-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-row div{display:flex;gap:24px}.footer a{text-decoration:none}.skip{position:absolute;top:-100px;background:white;color:black;padding:10px;z-index:20}.skip:focus{top:0}@media(max-width:900px){.cards,.quotes{grid-template-columns:repeat(2,1fr)}.hero-grid,.about,.contact-grid{grid-template-columns:1fr}.hero{padding:75px 0}.hero-photo{min-height:300px}.contact-grid{gap:35px}}@media(max-width:650px){.nav{flex-wrap:wrap}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #71848b;padding:7px 12px;border-radius:8px}.nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:15px;gap:10px}.nav nav.open{display:flex}.cards,.quotes,.two{grid-template-columns:1fr}.section{padding:65px 0}.contact-form{padding:20px}.hero-photo{min-height:250px}h1{font-size:2.8rem}}

/* Version 1 mit Originaltexten */
.quotes{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes blockquote{line-height:1.65}.hero-photo{min-height:390px}.service p{line-height:1.65}@media(max-width:760px){.quotes{grid-template-columns:1fr}}

/* Leistungs-Karten: Hover-Effekt wie in Version 2 */
.service{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.service:hover{transform:translateY(-6px);border-color:#ed1632;box-shadow:0 18px 36px rgba(16,23,29,.16)}
.service:hover .service-icon{color:#ed1632}
}
.service:focus-within{border-color:#ed1632;box-shadow:0 0 0 3px rgba(237,22,50,.15)}
@media(prefers-reduced-motion:reduce){.service{transition:none}}

/* Version 1.2: Zweispaltiger Willkommensbereich mit Vorteilen */
.intro-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(30px,6vw,90px);align-items:center}
.intro-copy h2{max-width:600px}.intro-copy p:not(.eyebrow){color:var(--muted);font-size:1.04rem;line-height:1.8}
.intro-copy .intro-closing{font-weight:750;color:var(--text)!important;border-left:4px solid var(--accent);padding-left:18px;margin-top:24px}
.benefits{display:grid;gap:16px}.benefit{display:flex;align-items:flex-start;gap:18px;padding:23px;background:#f5f8f9;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px rgba(16,23,29,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.benefit:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,23,29,.10);border-color:var(--accent)}
.benefit-icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;background:#e1f3ee;color:var(--accent-dark);font-size:1.65rem;font-weight:800;border-radius:14px}
.benefit h3{margin:0 0 7px;font-size:1.17rem}.benefit p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.6}
@media(max-width:900px){.intro-layout{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit{display:block}.benefit-icon{margin-bottom:15px}}
@media(max-width:650px){.benefits{grid-template-columns:1fr}.benefit{display:flex}.benefit-icon{margin:0}}
@media(prefers-reduced-motion:reduce){.benefit{transition:none}.benefit:hover{transform:none}}

/* Version 1.3 – Schulungen: separater Shopify-Shop */
.training-section{background:#fff}
.training-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,70px)}
.training-grid h2 span{color:var(--accent-dark)}
.training-grid p{color:var(--muted);max-width:640px}
.training-grid .training-note{font-size:.88rem;margin:0 0 24px}
.training-panel{min-height:305px;border-radius:var(--radius);background:linear-gradient(145deg,#10171d,#263944);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(25px,4vw,48px);box-shadow:0 18px 45px rgba(16,23,29,.12)}
.training-panel-icon{font-size:2.4rem;color:var(--accent);line-height:1;margin-bottom:20px}
.training-panel-kicker{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#c7dbdf}
.training-panel strong{font-size:clamp(1.7rem,3vw,2.8rem);letter-spacing:-.04em;overflow-wrap:anywhere}
.training-panel strong span{color:var(--accent)}
.training-panel p{color:#d5e1e4;margin:10px 0 18px}
.training-panel a{color:var(--accent);font-weight:800;text-decoration:none}
.training-panel a:hover,.training-panel a:focus-visible{text-decoration:underline}
.training-button{margin-top:2px}
@media(max-width:800px){.training-grid{grid-template-columns:1fr}.training-panel{min-height:250px}}

/* Version 1.4 – Logo drohnenkurs24.de und Original-Reihenfolge der Navigation */
.nav nav{gap:clamp(10px,1.35vw,20px)}
.nav nav a{font-size:clamp(.77rem,.9vw,.92rem);white-space:nowrap}
.training-logo-link{display:block;width:min(100%,410px);padding:12px 18px;background:#fff;border-radius:14px;margin:18px 0 10px;transition:transform .2s ease,box-shadow .2s ease}
.training-logo-link img{display:block;width:100%;height:auto;object-fit:contain}
.training-logo-link:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.training-logo-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1100px){.nav{gap:12px}.nav nav{gap:10px}.brand{font-size:1rem}}
@media(max-width:650px){.nav nav a{font-size:.95rem;white-space:normal}.training-logo-link{padding:10px}}
@media(prefers-reduced-motion:reduce){.training-logo-link{transition:none}.training-logo-link:hover{transform:none}}


/* Version 1.4 als verbindliche optische Vorlage. Technische Ergänzungen. */
.hero-photo{position:relative;overflow:hidden}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form .button:disabled{opacity:.55;cursor:wait}
.footer-row div{flex-wrap:wrap}p,blockquote{overflow-wrap:break-word}.wrap>*{min-width:0}
@media(max-width:1000px){.nav{flex-wrap:wrap}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #71848b;padding:7px 12px;border-radius:8px}.nav nav{display:flex;width:100%;flex-direction:column;align-items:stretch;padding-bottom:15px;gap:10px}.js .nav nav{display:none}.js .nav nav.open{display:flex}.nav nav a{font-size:.95rem;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.service:hover,.benefit:hover,.training-logo-link:hover{transform:none}}

/* Original-Unternehmenslogo auf hellem Header; transparente Ränder nur per CSS ausgeblendet. */
.site-header{background:#fff;color:var(--text);border-bottom:2px solid var(--accent);box-shadow:0 2px 12px #10171d0a}
.nav{min-height:140px}.brand{position:relative;display:block;flex:0 0 132px;width:132px;height:132px;overflow:hidden}
.brand img{display:block;width:132px;height:132px;max-width:none;transform:scale(2);object-fit:contain}
html{scroll-padding-top:155px}.nav-cta,.button:not(.ghost){background:var(--accent-dark);color:#fff!important}
.nav nav a:hover{color:var(--accent-dark)}.nav nav .nav-cta:hover{color:#fff}
.menu-toggle{color:var(--text);border-color:#aeb4bc}.benefit-icon{background:#ffe8ec}
.hero .eyebrow,.contact-section .eyebrow{color:#ff7186}.contact-grid a,.training-panel a{color:#ff7186}
@media(max-width:1000px){.menu-toggle{color:var(--text);border-color:#aeb4bc}.nav{min-height:112px}.brand{flex-basis:104px;width:104px;height:104px}.brand img{width:104px;height:104px}html{scroll-padding-top:130px}}

/* Kompakter Header und bereitgestellte Originalbilder. */
.nav{min-height:108px}.brand{flex-basis:100px;width:100px;height:100px}.brand img{width:100px;height:100px}
html{scroll-padding-top:123px}
.references{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.reference{margin:0;padding:22px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.reference-image{height:130px;width:100%;display:flex;align-items:center;justify-content:center}
.reference-image img{display:block;width:auto;height:auto;max-width:100%;max-height:130px;object-fit:contain}
.reference figcaption{font-size:.86rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.about-photo{display:block;min-height:0;background:none;border:0;overflow:hidden}.about-photo img{display:block;width:100%;height:auto;border-radius:var(--radius)}
@media(max-width:1000px){.nav{min-height:92px}.brand{flex-basis:84px;width:84px;height:84px}.brand img{width:84px;height:84px}html{scroll-padding-top:107px}.references{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.references{grid-template-columns:repeat(2,minmax(0,1fr))}.reference{padding:18px 12px}.reference-image{height:115px}.reference-image img{max-height:115px}}
@media(max-width:380px){.references{grid-template-columns:1fr}}

/* Lesbare Rechtstexte aus den bereitgestellten PDFs. */
.legal-nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px}.legal-nav nav{display:flex;flex-wrap:wrap;gap:20px}.legal-nav a{text-decoration:none}
.legal-content{max-width:860px}.legal-content h1{font-size:clamp(2.2rem,5vw,3.4rem);overflow-wrap:anywhere}.legal-content h2{font-size:1.55rem;margin:42px 0 18px}.legal-content h3{font-size:1.22rem;margin:30px 0 15px}.legal-content h4{font-size:1.05rem;margin:25px 0 12px}.legal-content p{line-height:1.8;overflow-wrap:anywhere}.legal-content article a{color:var(--accent-dark);text-underline-offset:3px}
.legal-notice{border-left:4px solid var(--accent);padding:20px 24px;background:#fff2f4;border-radius:10px;margin-bottom:32px;line-height:1.75}.legal-toc{background:var(--surface-2);padding:20px 24px;border-radius:var(--radius)}.legal-toc h2{margin-top:0}.legal-toc ol{padding-left:22px}.legal-toc li{padding:4px 0}.legal-toc a{overflow-wrap:anywhere}.legal-content [id]{scroll-margin-top:125px}
@media(max-width:650px){.legal-nav{min-height:92px;gap:12px}.legal-nav nav{gap:12px;font-size:.9rem}.legal-notice,.legal-toc{padding:16px}.legal-content [id]{scroll-margin-top:107px}}

@media(max-width:650px){.legal-content h1{font-size:clamp(1.45rem,6.5vw,2rem)}}

/* Separate Zwischenversion: direkter E-Mail-Kontakt ohne Formular. */
.contact-email-card{background:#fff;color:var(--text);border-radius:var(--radius);padding:32px;align-self:start}
.contact-email-card .eyebrow{color:var(--accent-dark)}
.contact-email-card h3{font-size:1.6rem;margin:0 0 18px}
.contact-email-card p{color:var(--muted);line-height:1.7}
.contact-email-card .button{color:#fff}
.contact-email-address{margin:24px 0 0;overflow-wrap:anywhere}
.contact-email-card .contact-email-address a{color:var(--accent-dark)}
@media(max-width:650px){.contact-email-card{padding:24px}}

/* Direkter Einstieg in die PV-Thermografie. */
.service-detail-link{display:block;width:fit-content;margin-top:18px;color:var(--accent-dark);font-weight:750;text-underline-offset:3px}