/*
Theme Name: MNOPLUS Onepager – Komplett & Editierbar
Author: MNOPLUS
Description: Schlanker, direkt mit dem WordPress-Blockeditor bearbeitbarer MNOPLUS-Onepager.
Version: 3.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mnoplus
*/
:root{--mno-navy:#0B2545;--mno-green:#7CC242;--mno-grey:#F2F4F6;--mno-graphite:#6B7280;--mno-dark:#21364e;--mno-max:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{font-family:Manrope,'Arial',sans-serif;color:var(--mno-dark);margin:0;line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:#53882e}.mno-container{max-width:var(--mno-max);padding:0 28px;margin:0 auto}.mno-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.98);border-bottom:1px solid #e9edf0}.admin-bar .mno-header{top:32px}.mno-header .mno-container{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:24px}.mno-wordmark{color:var(--mno-navy);text-decoration:none;white-space:nowrap;font-size:32px;letter-spacing:-1.6px;line-height:1}.mno-wordmark strong{font-weight:800}.mno-wordmark span{font-weight:300}.mno-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.mno-nav a{text-decoration:none}.mno-nav .mno-header-cta{padding:9px 17px;background:var(--mno-green);border-radius:6px;color:var(--mno-navy)}.mno-footer{border-top:1px solid #e6eaf0;font-size:12px;color:var(--mno-graphite);padding:27px 0}.mno-footer .mno-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mno-footer a{margin-left:16px;text-decoration:none}.mno-content h1,.mno-content h2,.mno-content h3{color:var(--mno-navy);letter-spacing:-.035em;line-height:1.14}.mno-content h1{font-size:clamp(43px,5.3vw,73px);font-weight:800}.mno-content h2{font-size:clamp(33px,3.6vw,47px);font-weight:800}.mno-content h3{font-size:19px;font-weight:800}.mno-content p{margin-top:0}.mno-content a{text-underline-offset:4px}.mno-content .mno-section{padding:92px max(28px,calc((100vw - var(--mno-max))/2 + 28px))}.mno-content .mno-hero{background:#f8fafb;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;min-height:555px}.mno-content .mno-hero-copy{padding:82px 5vw 70px max(28px,calc((100vw - var(--mno-max))/2 + 28px));align-self:center}.mno-content .mno-hero-copy h1{margin:24px 0 22px}.mno-content .mno-hero-copy p{font-size:19px;line-height:1.55;max-width:540px}.mno-content .mno-hero-photo{min-height:440px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#dce8e8,#eef2f3);padding:30px}.mno-content .mno-hero-photo figure{margin:0;width:100%;height:100%}.mno-content .mno-hero-photo img{width:100%;height:100%;max-height:550px;object-fit:cover}.mno-content .mno-photo-placeholder{color:#607382;text-align:center;font-size:14px;line-height:1.6}.mno-content .mno-photo-placeholder:before{content:'▧';display:block;font-size:60px;color:#8ba0ac}.mno-content .mno-kicker{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--mno-navy);display:flex;gap:13px;align-items:center;margin:0 0 25px}.mno-content .mno-kicker:before{content:'';width:32px;height:4px;display:inline-block;background:var(--mno-green);flex:none}.mno-content .mno-lead{font-size:21px;max-width:850px}.mno-content .mno-muted{color:var(--mno-graphite)}.mno-content .mno-services{background:#f7f9fa}.mno-content .mno-service-grid{gap:16px!important;margin-top:36px}.mno-content .mno-service-card{background:#fff;border:1px solid #e5eaf0;border-radius:9px;padding:27px 23px;min-height:215px;height:100%}.mno-content .mno-service-card h3{margin:15px 0}.mno-content .mno-service-card p{font-size:14px;line-height:1.6;color:#596a7d}.mno-content .mno-service-number{font-size:12px;font-weight:800;color:#538d2c;margin-bottom:18px}.mno-content .mno-promise{background:var(--mno-navy);color:white}.mno-content .mno-promise h2,.mno-content .mno-promise h3,.mno-content .mno-promise .mno-kicker{color:white}.mno-content .mno-promise .wp-block-columns{gap:70px}.mno-content .mno-promise-list .wp-block-group{border-bottom:1px solid #4a6179;padding:12px 0 15px}.mno-content .mno-promise-list h3{margin:0 0 4px}.mno-content .mno-promise-list p{color:#dce3ed;margin-bottom:0}.mno-content .mno-contact{text-align:center}.mno-content .mno-contact .mno-kicker{justify-content:center}.mno-content .mno-contact .mno-lead{max-width:680px;margin-left:auto;margin-right:auto}.mno-content .wp-block-button__link{border-radius:7px;background:var(--mno-green);color:var(--mno-navy);font-weight:800;font-size:14px;padding:13px 22px;text-decoration:none}.mno-content .wp-block-button__link:hover{background:#8bd455;color:var(--mno-navy)}.mno-content .mno-contact-placeholder{font-size:13px;color:var(--mno-graphite)}.mno-default-page{padding:75px 0}.mno-default-page h1{font-size:42px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
@media(max-width:900px){.mno-nav{gap:15px}.mno-content .mno-section{padding:65px 30px}.mno-content .mno-hero-copy{padding:67px 30px}.mno-content .mno-promise .wp-block-columns{gap:28px}.mno-content .mno-service-grid{flex-wrap:wrap!important}.mno-content .mno-service-grid>.wp-block-column{flex-basis:calc(50% - 12px)!important;flex-grow:1!important}}
@media(max-width:650px){.mno-header .mno-container{padding:0 18px;min-height:70px}.mno-wordmark{font-size:26px}.mno-nav a:not(.mno-header-cta){display:none}.mno-content .mno-hero{grid-template-columns:1fr}.mno-content .mno-hero-copy{padding:60px 22px 42px}.mno-content .mno-hero-photo{min-height:240px;padding:25px}.mno-content .mno-section{padding:60px 22px}.mno-content .mno-service-grid{display:grid!important;grid-template-columns:1fr}.mno-content .mno-service-grid>.wp-block-column{flex-basis:auto!important}.mno-content .mno-promise .wp-block-columns{display:block}.mno-content .mno-promise .wp-block-column:first-child{margin-bottom:30px}.mno-footer .mno-container{padding:0 20px}.admin-bar .mno-header{top:46px}}

/* Komplettversion 3.0 – grafisches Hero, Kontaktformular, Editor */
.mno-content .mno-hero-photo{position:relative;overflow:hidden;background:#e7eef1;isolation:isolate;display:block;min-height:555px;padding:0}
.mno-content .mno-hero-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,rgba(124,194,66,.30) 0 6%,transparent 6.2%),radial-gradient(circle at 26% 75%,rgba(11,37,69,.10) 0 13%,transparent 13.3%),linear-gradient(145deg,#e4edf0,#f7faf9);z-index:-2}
.mno-content .mno-hero-photo:after{content:"";position:absolute;left:-20%;top:18%;width:145%;height:70%;border:1.5px solid rgba(11,37,69,.18);border-radius:48%;transform:rotate(-27deg);z-index:-1}
.mno-content .mno-hero-graphic{height:100%;min-height:555px;display:flex;flex-direction:column;justify-content:center;padding:55px 12%;position:relative}
.mno-content .mno-hero-graphic h2{font-size:clamp(30px,4vw,50px);max-width:490px;line-height:1.16}
.mno-content .mno-hero-graphic p{max-width:420px;font-size:16px;color:#3e596c}
.mno-content .mno-hero-graphic .mno-graphic-caption{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:#4a7935}
.mno-content .mno-hero-graphic .mno-graphic-rule{height:5px;width:60px;background:var(--mno-green);margin:16px 0 28px}
.mno-content .mno-proof{background:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:28px max(28px,calc((100vw - var(--mno-max))/2 + 28px));border-bottom:1px solid #edf0f2}
.mno-content .mno-proof .wp-block-column{border-left:3px solid var(--mno-green);padding-left:18px}
.mno-content .mno-proof p{margin:0;color:var(--mno-navy);font-size:14px;font-weight:700}
.mno-content .mno-contact-form{margin:32px auto 0;max-width:700px;text-align:left}
.mno-contact-form form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mno-contact-form label{display:block;font-weight:700;font-size:13px;color:var(--mno-navy)}
.mno-contact-form input[type=text],.mno-contact-form input[type=email],.mno-contact-form textarea{width:100%;border:1px solid #ccd5dc;border-radius:6px;padding:12px;background:white;font:inherit;font-size:15px;margin-top:6px}
.mno-contact-form textarea{min-height:118px;resize:vertical}
.mno-contact-form .full{grid-column:1/-1}
.mno-contact-form .mno-check{display:flex;gap:9px;align-items:flex-start;font-weight:400;font-size:12px;line-height:1.6}
.mno-contact-form .mno-check input{margin-top:4px}
.mno-contact-form button{background:var(--mno-green);color:var(--mno-navy);border:0;border-radius:7px;padding:14px 25px;font:inherit;font-weight:800;cursor:pointer}
.mno-contact-form .notice{padding:15px;border-radius:5px;background:#edf5e6;color:#254d25;margin-bottom:18px}
.mno-contact-form .notice.error{background:#fff1ed;color:#8a3827}
.mno-honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none}
@media(max-width:900px){.mno-content .mno-proof{padding:27px 30px}}
@media(max-width:650px){.mno-content .mno-hero-photo,.mno-content .mno-hero-graphic{min-height:325px}.mno-content .mno-hero-graphic{padding:38px 28px}.mno-content .mno-proof{grid-template-columns:1fr;gap:17px;padding:24px 22px}.mno-contact-form form{grid-template-columns:1fr}}

/* v3.1 – gezielte Korrektur: nur Überzeugungsblock, übriges Design unverändert.
   Beide Hero-Inhaltsgruppen nutzen dieselbe linke Inhaltsachse. */
.mno-content .mno-hero{grid-template-columns:minmax(0,1fr);background:#fff}
.mno-content .mno-hero-photo{background:#fff;min-height:0;overflow:visible;isolation:auto}
.mno-content .mno-hero-photo::before,.mno-content .mno-hero-photo::after{content:none!important;display:none!important}
.mno-content .mno-hero-graphic{height:auto;min-height:0;padding:36px max(28px,calc((100vw - var(--mno-max))/2 + 28px)) 76px;align-items:flex-start;text-align:left;justify-content:flex-start}
.mno-content .mno-hero-graphic h2,.mno-content .mno-hero-graphic p{text-align:left;margin-left:0;margin-right:0}
@media(max-width:900px){.mno-content .mno-hero-graphic{padding:36px 30px 65px}}
@media(max-width:650px){.mno-content .mno-hero-graphic{padding:30px 22px 60px}}
