.mnoplus-ep { --navy:#102849;--green:#a8cf38;--ink:#142641;--muted:#637185;--line:#dce4ec;--bg:#f5f7f9 }
.mnoplus-ep * { box-sizing:border-box }
.mnoplus-ep { margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:white }
.mnoplus-ep a { color:inherit }
.mnoplus-ep .hero { background:linear-gradient(125deg,#102849,#203e5b);color:white;padding:95px 24px 85px }
.mnoplus-ep .wrap { max-width:1120px;margin:auto }
.mnoplus-ep .eyebrow { font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--green) }
.mnoplus-ep h1 { font-size:clamp(42px,6vw,78px);letter-spacing:-.055em;line-height:1.06;max-width:850px;margin:18px 0 24px }
.mnoplus-ep h2 { font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.14;margin:12px 0 20px }
.mnoplus-ep h3 { font-size:25px;letter-spacing:-.025em;margin:0 0 10px }
.mnoplus-ep .lead { font-size:20px;max-width:720px;color:#d9e5ee }
.mnoplus-ep .btn { display:inline-block;border:0;border-radius:5px;background:var(--green);color:var(--navy);font-size:15px;font-weight:800;padding:14px 20px;text-decoration:none;cursor:pointer }
.mnoplus-ep .btn.secondary { background:transparent;border:1px solid #b8c8d6;color:white }
.mnoplus-ep .actions { display:flex;gap:12px;flex-wrap:wrap;margin-top:28px }
.mnoplus-ep .section { padding:75px 24px }
.mnoplus-ep .alt { background:var(--bg) }
.mnoplus-ep .intro { max-width:760px;color:var(--muted);font-size:17px }
.mnoplus-ep .grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px }
.mnoplus-ep .job { background:white;border:1px solid var(--line);border-radius:9px;padding:30px;display:flex;flex-direction:column;align-items:flex-start }
.mnoplus-ep .job .meta { color:var(--muted);font-size:13px;margin-bottom:14px }
.mnoplus-ep .job p { margin:0 0 22px }
.mnoplus-ep .tag { background:#edf5d6;color:#395700;padding:6px 9px;border-radius:3px;font-size:12px;font-weight:800;margin-bottom:18px }
.mnoplus-ep .job a { margin-top:auto;font-weight:800;text-decoration:none;color:#1a4e7b }
.mnoplus-ep .details { border-top:1px solid var(--line);margin-top:25px;padding-top:20px;width:100% }
.mnoplus-ep .details summary { font-weight:800;cursor:pointer }
.mnoplus-ep .details ul { padding-left:20px;margin:12px 0 0 }
.mnoplus-ep .details li { margin:7px 0 }
.mnoplus-ep .pillrow { display:flex;gap:9px;flex-wrap:wrap;margin-top:20px }
.mnoplus-ep .pill { border:1px solid var(--line);border-radius:40px;padding:9px 14px;font-size:14px;background:white }
.mnoplus-ep .callout { background:var(--navy);color:white;padding:45px;border-radius:10px }
.mnoplus-ep .callout p { color:#d9e5ee }
.mnoplus-ep .callout h2 { margin-top:0 }
.mnoplus-ep .muted { color:var(--muted) }
.mnoplus-ep .small { font-size:13px }
.mnoplus-ep .two { display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start }
.mnoplus-ep .steps { counter-reset:steps;list-style:none;padding:0 }
.mnoplus-ep .steps li { counter-increment:steps;margin:0 0 18px;padding-left:42px;position:relative }
.mnoplus-ep .steps li:before { content:counter(steps);position:absolute;left:0;top:0;width:28px;height:28px;background:var(--green);color:var(--navy);display:grid;place-items:center;border-radius:50%;font-weight:bold }
@media(max-width:720px) {
.mnoplus-ep .grid, .mnoplus-ep .two { grid-template-columns:1fr }
.mnoplus-ep .section { padding:55px 20px }
.mnoplus-ep .hero { padding:70px 20px }
.mnoplus-ep .job { padding:23px }
.mnoplus-ep .callout { padding:28px }
}
.mnoplus-ep .hero .lead { max-width:690px }
.mnoplus-ep .hero h1 { max-width:950px; color:#fff !important; }
.mnoplus-ep .section .eyebrow { color:#395700 }
.mnoplus-ep .job p { margin-bottom:0 }
.mnoplus-ep .operations { margin-top:0;display:grid;gap:0 }
.mnoplus-ep .operations div { padding:14px 0;border-bottom:1px solid var(--line) }
.mnoplus-ep .operations dt { font-weight:800 }
.mnoplus-ep .operations dd { margin:3px 0 0;color:var(--muted) }
.mnoplus-ep .form-card { background:white;color:var(--ink);border-radius:9px;padding:24px }
.mnoplus-ep .form-card p { color:var(--muted);margin:0 0 16px }
.mnoplus-ep .form-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.mnoplus-ep .field { display:grid;gap:5px;align-content:start;min-width:0 }
.mnoplus-ep .wide { grid-column:1/-1 }
.mnoplus-ep label { font-weight:700;font-size:14px }
.mnoplus-ep input, .mnoplus-ep select, .mnoplus-ep textarea { font:inherit;width:100%;min-width:0;padding:9px 10px;border:1px solid #8494a8;border-radius:5px;color:var(--ink);background:white }
.mnoplus-ep textarea { resize:vertical }
.mnoplus-ep .form-card .btn { margin:17px 0 10px }
.mnoplus-ep .form-card .small { margin:0 }
.mnoplus-ep .form-card .fallback { margin-top:14px }
.mnoplus-ep a:focus-visible, .mnoplus-ep button:focus-visible, .mnoplus-ep input:focus-visible, .mnoplus-ep select:focus-visible, .mnoplus-ep textarea:focus-visible { outline:3px solid #477100;outline-offset:3px }
.mnoplus-ep .hero a:focus-visible { outline-color:var(--green) }
@media(max-width:520px) {
.mnoplus-ep .form-grid { grid-template-columns:1fr }
.mnoplus-ep .wide { grid-column:auto }
.mnoplus-ep .form-card { padding:17px }
.mnoplus-ep .lead { font-size:18px }
}
@media(prefers-reduced-motion:reduce) {

}
.mnoplus-ep { position: relative; }
.mnoplus-ep .hero { background: linear-gradient(125deg,#102849,#203e5b); }
.mnoplus-ep .field label { color: var(--ink); }
.mnoplus-ep input, .mnoplus-ep select, .mnoplus-ep textarea { max-width: 100%; }
.mnoplus-ep .trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.mnoplus-ep [role="status"]:empty { display: none; }
.mnoplus-ep [role="status"] { font-weight: 700; color: var(--ink); }
.mnoplus-ep button:disabled { opacity: .65; cursor: default; }
.mnoplus-ep #modelle, .mnoplus-ep #energie-promotion-anfrage { scroll-margin-top: 85px; }

.mnoplus-ep .callout h2 { color:#fff !important; }
.mnoplus-ep .hero .endkunden { max-width:690px; color:#eff4f8; border-left:3px solid var(--green); padding-left:14px; margin:24px 0 0; font-size:15px; }
.mnoplus-ep .job h3, .mnoplus-ep .section:not(:has(.callout)) h2 { color:var(--navy); }
