/* Source-matched layout adjustments from the 2026-11-03 original frontend export.
   Author: ropko.online. Standalone styles, no Divi dependency. */
:root{--mp-width:1080px;--mp-text:#666;--mp-dark:#242424;--mp-blue:#0c6cd3;--mp-light:#e3e8f1}
body.mp-site{color:#666;font-size:14px;line-height:1.7;font-weight:400}
.mp-site h1,.mp-site h2,.mp-site h3,.mp-site h4{color:#333;line-height:1.3;font-weight:600}
.mp-site a{color:#2ea3f2}
.mp-site-header{height:76px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.mp-site-header .mp-container{width:80%;max-width:1080px}
.mp-site-brand{max-width:none;max-height:72px}
.mp-site-brand img,.mp-site-header .custom-logo{max-width:220px;max-height:68px}
.mp-menu{gap:23px}
.mp-menu a{font-size:14px;font-weight:600;color:#666;padding:27px 0}
.mp-menu a:hover,.mp-menu .current-menu-item>a,.mp-menu .current_page_item>a{color:#2ea3f2}
.mp-container{width:80%;max-width:1080px}
/* The image itself contains the blue background: do not apply a second dark-blue overlay. */
.mp-hero{background-image:var(--mp-hero-image),linear-gradient(115deg,#126aca,#1838a1);background-repeat:no-repeat;background-size:cover;background-position:center center;padding:80px 0 108px}
.mp-hero .mp-container{width:80%;max-width:1080px}
.mp-hero-grid{display:grid!important;grid-template-columns:minmax(0,58.2fr) minmax(0,37fr);gap:4.8%;align-items:start}
.mp-hero :is(h1,h2,h3,h4,p){color:#fff}
.mp-hero-title{font-size:51px;line-height:1.4;font-weight:700;margin:-22px 0 5px;letter-spacing:0}
.mp-hero-lead{font-size:17px;line-height:1.7;margin:0 0 14px;max-width:none}
.mp-hero-grid>.wp-block-column:first-child>p:not(.mp-hero-lead):not(.mp-hero-phones){font-size:17px;line-height:1.7;margin:0 0 7px}
.mp-hero-phones{font-size:32px;margin:3px 0 17px}
.mp-hero-phones a{color:#fff;font-size:32px;line-height:1.45;font-weight:700;font-style:italic;display:block;width:max-content}
.mp-hero-phones a:hover{color:#fff;text-decoration:underline}
.mp-hero-phones a+a{margin:0}
/* The original special offer floats over the hero, rather than living inside a dark card. */
.mp-special-card{background:transparent!important;border:0!important;border-radius:0!important;padding:5px 0 0!important;margin:0!important;box-shadow:none!important;display:grid;grid-template-columns:31% minmax(0,1fr);column-gap:14px;align-items:start}
.mp-special-card>h3{grid-column:2;font-size:22px!important;font-weight:700;color:#e02b20!important;line-height:1.25;margin:5px 0 4px}
.mp-special-grid{grid-column:1 / -1;grid-row:1 / span 2;display:grid!important;grid-template-columns:31% minmax(0,1fr);gap:14px;align-items:start}
.mp-special-grid> .wp-block-column:first-child{grid-column:1;grid-row:1 / span 2}
.mp-special-grid>.wp-block-column:last-child{grid-column:2;grid-row:1 / span 2;padding-top:42px}
.mp-special-grid figure{margin:0}
.mp-special-grid figure img{display:block;width:100%;max-height:300px;object-fit:contain;filter:none}
.mp-special-copy h4,.mp-special-card h4{font-size:24px!important;line-height:1.2;font-weight:600;color:#fff;margin:0 0 9px}
.mp-special-copy p,.mp-special-card p{font-size:14px;line-height:1.55;margin:0 0 9px}
.mp-special-card .wp-block-buttons{justify-content:center;margin:8px 0 0}
.mp-special-card .wp-block-button__link{display:inline-block;padding:10px 25px;background:transparent!important;border:2px solid #fff;border-radius:3px;color:#fff;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0}
.mp-special-card .wp-block-button__link:hover{background:#fff!important;color:#174a90!important}
/* Divi form arrangement: half-row name and e-mail, light fields, transparent submit. */
.mp-form-panel{padding:0!important}
.mp-form-panel>h3{display:none!important}
.mp-contact-form{gap:11px}
.mp-contact-form input:not([type=checkbox]),.mp-contact-form textarea,.mp-contact-form select{background:#eee;color:#333;border:0;border-radius:5px;padding:12px 15px;min-height:43px;font-size:14px;line-height:1.3;box-shadow:none}
.mp-contact-form :is(input,textarea,select):focus{background:#f9f9f9;outline:2px solid #8ac0ec;outline-offset:0}
.mp-contact-form ::placeholder{color:#333;opacity:1}
.mp-contact-form textarea{min-height:115px;resize:vertical}
.mp-form-row{gap:12px}
.mp-contact-form select{background-color:#eee}
.mp-gdpr-label,.mp-gdpr-label span{font-size:14px!important;line-height:1.4}
.mp-gdpr-label{margin-top:5px!important;color:#fff!important}
.mp-form-submit{width:auto;min-width:140px;align-self:flex-end;min-height:45px;padding:6px 23px;background:transparent;border:3px solid #fff;border-radius:5px;color:#fff;font-size:19px;margin-top:10px;letter-spacing:0}
.mp-form-submit:hover{color:#002f4c;background:#fff}
.mp-form-required{color:#fff;font-size:11px;text-align:right}
/* Four floating white Divi cards against the original nearly-white section background. */
.mp-benefits{background:#f9f9f9;padding:0 0 59px}
.mp-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.mp-feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 18px rgba(12,113,195,.06);padding:35px 20px 49px;text-align:center;min-height:255px;transition:transform .2s ease,box-shadow .2s ease}
.mp-feature-card:hover{box-shadow:0 4px 26px rgba(12,113,195,.11);transform:translateY(-2px)}
.mp-feature-card h3{font-size:21px!important;font-weight:600;color:#333;margin:7px 0 13px}
.mp-feature-card p{color:#666;font-size:14px;line-height:1.7;margin:0}
.mp-feature-symbol{display:block;width:54px;height:54px;border:0;border-radius:0;margin:0 auto 10px;background-repeat:no-repeat;background-position:center;background-size:51px 51px}
.mp-feature-symbol p{display:none}
.mp-feature-card:nth-child(1) .mp-feature-symbol{background-image:url('../icons/check.svg')}
.mp-feature-card:nth-child(2) .mp-feature-symbol{background-image:url('../icons/truck.svg')}
.mp-feature-card:nth-child(3) .mp-feature-symbol{background-image:url('../icons/grid.svg')}
.mp-feature-card:nth-child(4) .mp-feature-symbol{background-image:url('../icons/users.svg')}
/* Original slim highlighted service strip, no separate blue call-to-action. */
.mp-install-banner{background:#f9f9f9;padding:0 0 15px;text-align:left}
.mp-install-banner .mp-container{max-width:1080px;background:#e3e8f1;border-radius:10px;padding:20px 27px}
.mp-install-banner p{color:#242424;font-size:18px;line-height:1.5;font-weight:600;margin:0}
.mp-install-banner p a{color:inherit}
.mp-install-banner h2{color:#242424;font-size:18px;line-height:1.5;text-align:left;max-width:none;margin:0;font-weight:600}
.mp-install-banner .wp-block-buttons{display:none!important}
/* The updates and image catalogue live on one continuous #f9f9f9 background. */
.mp-updates-section{background:#f9f9f9;padding:15px 0 10px}
.mp-site .mp-section-title{font-size:35px;color:#333;text-align:left;margin:0 0 37px;line-height:1.35;font-weight:600}
.mp-site .mp-section-title::after{content:'';display:block;background:#1e45db;width:7%;min-width:65px;height:8px;margin-top:12px}
.mp-offer-section{background:#f9f9f9;padding:6px 0 32px}
.mp-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mp-category-card{margin:0;padding:0;border:0;box-shadow:none;background:transparent;border-radius:10px;overflow:hidden;transition:filter .2s,transform .2s}
.mp-category-card:hover{filter:brightness(1.08);transform:translateY(-3px)}
.mp-category-card figure{display:block;width:100%;height:auto;margin:0}
.mp-category-card img{width:100%;max-width:100%;max-height:none;display:block;object-fit:cover;border-radius:10px;box-shadow:0 2px 24px -4px rgba(19,82,145,.22)}
.mp-category-card h3,.mp-category-card .wp-block-buttons{display:none!important}
.mp-brands-section{background:#f9f9f9;padding:18px 0 45px}
.mp-brands-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 24px;align-items:center}
.mp-brands-grid img{max-height:85px;max-width:100%;filter:brightness(.84);transition:filter .2s}
.mp-brands-grid img:hover{filter:none}
.mp-site-footer{min-height:124px;background:#e3e8f1;padding:22px 0 25px;color:#7a7a7a;font-size:14px}
.mp-footer-menu{gap:25px}
.mp-footer-menu a,.mp-footer-contact a{color:#7a7a7a}
.mp-footer-contact{line-height:1.6}
.mp-footer-contact strong{color:#7a7a7a}
/* Source subpages: blue picture heading, modest whitespace and no card-like page chrome. */
.mp-page-hero{background-image:var(--mp-hero-image),linear-gradient(120deg,#126aca,#1838a1);padding:38px 0 40px;min-height:150px}
.mp-page-hero h1{font-size:44px;font-weight:700;color:#fff}
.mp-page-body{padding:45px 0 65px}
.mp-special-page-grid h2{color:#333}
.rpa-feed .rpa-photo__hero img{object-fit:cover}
@media(max-width:1100px){.mp-container,.mp-site-header .mp-container,.mp-hero .mp-container{width:86%}.mp-hero-grid{grid-template-columns:minmax(0,54fr) minmax(0,42fr);gap:4%}.mp-special-card,.mp-special-grid{grid-template-columns:27% minmax(0,1fr)}.mp-special-copy h4,.mp-special-card h4{font-size:20px!important}.mp-feature-card{padding:32px 16px 35px}.mp-features{gap:16px}}
@media(max-width:980px){.mp-container,.mp-site-header .mp-container,.mp-hero .mp-container{width:80%}.mp-site-header{height:76px}.mp-nav-toggle{display:flex;font-size:14px}.mp-menu a{padding:10px 5px}.mp-navigation{display:none}.mp-navigation.is-open{display:block}.mp-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}.mp-hero-title{text-align:center;margin:0 0 20px;font-size:48px}.mp-hero-lead{text-align:center}.mp-hero-grid>.wp-block-column:first-child>p:not(.mp-hero-lead):not(.mp-hero-phones){text-align:center}.mp-hero-phones a{margin-inline:auto}.mp-special-card{max-width:670px;margin:15px auto 0!important}.mp-form-panel{max-width:670px;margin-inline:auto}.mp-benefits{padding-top:26px}.mp-features{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-category-grid{gap:16px}}
@media(max-width:730px){.mp-container,.mp-site-header .mp-container,.mp-hero .mp-container{width:88%}.mp-hero{padding:55px 0 65px}.mp-hero-title{font-size:40px;line-height:1.2}.mp-hero-lead{font-size:17px}.mp-hero-phones{margin-bottom:16px}.mp-hero-phones a{font-size:28px}.mp-form-panel>h3{display:none!important}.mp-features{grid-template-columns:1fr 1fr;gap:15px}.mp-feature-card{min-height:0;padding:25px 16px 29px}.mp-feature-card h3{font-size:19px!important}.mp-feature-card p{font-size:13px}.mp-install-banner .mp-container{padding:18px 22px}.mp-site .mp-section-title{font-size:32px}.mp-category-grid{grid-template-columns:1fr;gap:22px}.mp-category-card{max-width:540px;margin-inline:auto}.mp-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-footer-inner{grid-template-columns:1fr}.mp-footer-contact{text-align:left}}
@media(max-width:480px){.mp-container,.mp-site-header .mp-container,.mp-hero .mp-container{width:90%}.mp-hero-title{font-size:34px}.mp-hero{padding:40px 0 55px}.mp-special-card,.mp-special-grid{grid-template-columns:31% minmax(0,1fr);gap:11px}.mp-special-copy h4,.mp-special-card h4{font-size:17px!important}.mp-special-card>h3{font-size:19px!important}.mp-special-card p{font-size:13px}.mp-special-grid>.wp-block-column:last-child{padding-top:34px}.mp-form-row{grid-template-columns:1fr}.mp-features{grid-template-columns:1fr}.mp-feature-card{padding:25px 23px}.mp-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-footer-menu{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.mp-feature-card,.mp-category-card{transition:none!important}}

/* Correct heading placement for the source-based, Gutenberg-editable offer. */
.mp-special-card{display:block;position:relative}
.mp-special-grid{grid-column:auto;grid-row:auto;display:grid!important;grid-template-columns:31% minmax(0,1fr);gap:14px;align-items:start}
.mp-special-grid>.wp-block-column:first-child{grid-column:auto;grid-row:auto}
.mp-special-grid>.wp-block-column:last-child{grid-column:auto;grid-row:auto;padding-top:0}
.mp-special-copy>h3{font-size:22px!important;line-height:1.25;font-weight:700;color:#e02b20!important;margin:0 0 9px}
.mp-hero-phones a{display:block}
.mp-hero-phones{margin-top:0;margin-bottom:17px}
.mp-form-panel{padding-top:27px!important}
.mp-contact-form{gap:14px}
.mp-contact-form input:not([type=checkbox]),.mp-contact-form select{min-height:48px}
.mp-contact-form textarea{min-height:148px}
.mp-contact-form select{background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px}
.mp-form-submit{min-height:49px}
.mp-hero{padding-bottom:140px}
.mp-contact-form .mp-math-label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#fff;font-size:15px!important;margin-top:5px}
.mp-contact-form .mp-math-label span{font-size:15px!important}
.mp-contact-form .mp-math-label input{width:70px!important;min-height:39px!important;text-align:center}
@media(max-width:980px){.mp-form-panel{padding-top:0!important}.mp-special-grid>.wp-block-column:last-child{padding-top:0}.mp-hero{padding-bottom:80px}}
@media(max-width:480px){.mp-special-copy>h3{font-size:19px!important}.mp-hero{padding-bottom:55px}}
/* Standalone Aktuality preview based on the exported Ropko Aktuality feed. */
.mp-updates-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.mp-update-card{border:1px solid #e5e9ef;border-radius:5px;box-shadow:0 2px 16px rgba(9,43,90,.07);overflow:hidden;background:#fff}
.mp-update-gallery{background:#edf2f7}
.mp-update-photo{display:block;overflow:hidden}
.mp-update-photo img{display:block;width:100%;height:276px;object-fit:cover}
.mp-update-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-top:1px solid #fff;min-height:77px}
.mp-update-thumbs a{display:block;overflow:hidden}
.mp-update-thumbs img{width:100%;height:77px;display:block;object-fit:cover}
.mp-update-body{padding:21px 22px 22px}
.mp-update-category{display:block;color:#2478c3;font-size:12px;font-weight:700;margin-bottom:9px}
.mp-update-body h3{font-size:19px!important;font-weight:700;line-height:1.35;margin:0 0 13px;color:#172b48}
.mp-update-body p{color:#718197;font-size:13px;line-height:1.55;margin:0 0 11px}
.mp-update-body p:last-child{margin-bottom:0}
.mp-install-banner p a,.mp-install-banner p a:hover{color:#1e45db!important}
@media(max-width:980px){.mp-update-photo img{height:205px}.mp-update-body{padding:17px}.mp-update-body h3{font-size:17px!important}}
@media(max-width:730px){.mp-updates-preview{grid-template-columns:1fr}.mp-update-photo img{height:260px}.mp-update-thumbs img{height:90px}.mp-update-body h3{font-size:20px!important}}