/*
Theme Name: Miteinander Plus
Theme URI: https://miteinanderplus.de
Author: Miteinander Plus
Description: Vollständig blockbasiert bearbeitbares Theme für Miteinander Plus. Entwurf – Texte und Rechtsseiten vor Veröffentlichung prüfen.
Version: 1.2.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: miteinander-plus
*/
:root{--forest:#103d30;--deep:#0c2723;--gold:#b99560;--cream:#faf8f3;--sand:#eee7dc;--ink:#172b28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--cream);line-height:1.6}a{color:inherit}h1,h2,h3{line-height:1.13}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.1vw,5.8rem);margin:0 0 20px}h2{font-size:clamp(2.2rem,3.8vw,4rem);margin:0 0 16px}h3{font-size:1.15rem;line-height:1.25}.mp-container{max-width:1240px;margin:auto;padding-left:30px;padding-right:30px}.mp-header{background:#fff;position:relative;z-index:10;box-shadow:0 1px 8px #00000008}.mp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.mp-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--forest)}.mp-mark{font-family:Georgia,serif;font-size:3.5rem;line-height:1;color:var(--gold)}.mp-brand strong{font-size:1.65rem;letter-spacing:-.03em;display:block;line-height:1.05}.mp-brand small{font-size:.79rem;color:#5b655e}.mp-nav{display:flex;gap:26px;align-items:center;font-size:.93rem}.mp-nav a{text-decoration:none}.mp-nav a:hover{color:var(--gold)}.mp-button{display:inline-block;border-radius:50px;background:var(--forest);padding:13px 24px;text-decoration:none;color:white;font-weight:600;font-size:.92rem;transition:transform .2s,background .2s}.mp-button:hover{background:#236047;transform:translateY(-2px)}.mp-button.outline{background:transparent;color:var(--forest);border:1px solid var(--forest)}.mp-button.light{background:white;color:var(--forest)}.mp-eyebrow{color:#9c774b;letter-spacing:.27em;font-size:.72rem;font-weight:700;text-transform:uppercase}.mp-hero{background:linear-gradient(90deg,#faf9f6 0%,#faf9f6 48%,#f2eadf 100%);overflow:hidden}.mp-hero-grid{display:grid;grid-template-columns:51% 49%;min-height:545px;align-items:center}.mp-hero-copy{padding:48px 28px 48px 0;position:relative;z-index:2}.mp-hero-copy p{max-width:535px;font-size:1.1rem;color:#34423d}.mp-hero-copy h1 em{font-weight:400}.mp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.mp-hero-photo{height:545px;align-self:stretch;position:relative}.mp-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:48% center;border-radius:0 0 0 85px}.mp-hero-photo:after{content:'Zuhause ist Lebensqualität.';position:absolute;bottom:20px;right:20px;background:#eee4d4e8;border-radius:50%;width:155px;height:155px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-family:Georgia,serif;font-style:italic;font-size:1.35rem;color:var(--forest);transform:rotate(-9deg)}.mp-benefits{background:#fff;padding:34px 0}.mp-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mp-benefit{display:flex;gap:15px;align-items:center;padding:10px;border-right:1px solid #e9e1d8}.mp-benefit:last-child{border:0}.mp-icon{width:62px;height:62px;flex:0 0 62px;border-radius:50%;background:#f1eadf;display:grid;place-items:center;font-size:1.65rem;color:var(--forest)}.mp-benefit strong{font-size:.9rem;line-height:1.3;display:block}.mp-benefit p{font-size:.78rem;line-height:1.35;color:#66716d;margin:5px 0 0}.mp-section{padding-top:74px;padding-bottom:80px}.mp-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}.mp-intro h2{max-width:780px}.mp-intro p{max-width:325px;color:#5b655e}.mp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mp-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #263d2910}.mp-card img{width:100%;height:170px;object-fit:cover;display:block}.mp-card-inner{padding:22px}.mp-card h3{margin:0 0 9px}.mp-card p{font-size:.9rem;color:#596761;margin:0 0 18px}.mp-card a{font-weight:700;font-size:.86rem;text-decoration:none;color:var(--forest)}.mp-mission{display:grid;grid-template-columns:1fr 1fr;background:#f0ebe3}.mp-mission-copy{max-width:630px;justify-self:end;padding:75px 56px 75px 30px}.mp-mission-copy p{max-width:510px}.mp-mission-panel{background:var(--forest);color:white;display:flex;align-items:center;padding:65px 75px}.mp-mission-panel blockquote{font:italic 1.65rem/1.45 Georgia,serif;margin:0;max-width:470px}.mp-bottom{padding:90px 0;background:linear-gradient(110deg,#113a30e8,#113a3088),url('assets/images/hero-assistenz.webp') center 45%/cover;color:white}.mp-bottom h2{max-width:800px}.mp-bottom p{max-width:700px}.mp-footer{background:#0b2922;color:white;padding:45px 0}.mp-footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.mp-footer a{color:white}.mp-footer small{color:#d8e0d8}.mp-page{max-width:870px;margin:65px auto 100px;padding:0 30px}.mp-note{background:#fff7e7;padding:16px;border-left:4px solid #c59e63}.mp-placeholder{border:1px dashed #d6b98b;padding:15px;background:#fff9ed}.mp-mobile-note{display:none}@media(max-width:980px){.mp-header-inner{flex-wrap:wrap;padding:16px 24px}.mp-nav{order:3;width:100%;overflow:auto;justify-content:flex-start;padding-bottom:10px}.mp-hero-grid{grid-template-columns:1fr 1fr}.mp-cards{grid-template-columns:repeat(2,1fr)}.mp-benefit-grid{grid-template-columns:repeat(2,1fr)}.mp-benefit:nth-child(2){border:0}.mp-mission-panel{padding:45px}.mp-hero-copy h1{font-size:3.6rem}}@media(max-width:680px){.mp-container{padding-left:20px;padding-right:20px}.mp-header-inner{gap:10px}.mp-brand strong{font-size:1.25rem}.mp-brand small{font-size:.62rem}.mp-header .mp-button{font-size:.74rem;padding:9px 13px}.mp-mark{font-size:2.5rem}.mp-nav{gap:18px;font-size:.82rem}.mp-hero-grid{display:flex;flex-direction:column-reverse}.mp-hero-photo{height:330px;width:calc(100% + 40px);margin:0 -20px}.mp-hero-photo img{border-radius:0}.mp-hero-photo:after{width:98px;height:98px;font-size:.9rem;right:24px;bottom:12px}.mp-hero-copy{padding:32px 0 44px}.mp-hero-copy h1{font-size:clamp(2.6rem,11vw,3.8rem)}.mp-hero-copy p{font-size:1rem}.mp-benefit-grid{grid-template-columns:1fr 1fr;gap:5px}.mp-benefit{display:block;text-align:center;border:0;padding:10px 5px}.mp-benefit .mp-icon{margin:0 auto 8px;width:54px;height:54px}.mp-intro{display:block}.mp-cards{grid-template-columns:1fr}.mp-card img{height:200px}.mp-mission{grid-template-columns:1fr}.mp-mission-copy{padding:50px 25px}.mp-mission-panel{padding:45px 25px}.mp-bottom{padding:60px 0}.mp-footer-inner{display:block}.mp-section{padding-top:55px;padding-bottom:55px}}

/* Version 1.1: Gutenberg blockbasiertes Seitenlayout */
.mp-edit-section{max-width:none!important;margin-block-start:0!important}
.mp-edit-section>.wp-block-columns,.mp-edit-section>.mp-edit-services-intro,.mp-edit-cta>*{max-width:1240px;margin-left:auto;margin-right:auto}
.mp-edit-section>.wp-block-columns{padding:0 30px}
.mp-edit-section .wp-block-heading{font-family:Georgia,serif}
.mp-edit-hero{background:linear-gradient(90deg,#faf9f6,#f0e8db);padding-top:30px;padding-bottom:30px}
.mp-edit-hero-columns{align-items:center!important;gap:5%!important}
.mp-edit-hero-text{flex-basis:51%!important}
.mp-edit-hero-text h1{font-size:clamp(2.7rem,4.8vw,5.4rem);line-height:1.05}
.mp-edit-hero-text p:not(.mp-eyebrow){font-size:1.1rem;max-width:550px}
.mp-edit-hero-image{flex-basis:49%!important}
.mp-edit-hero-image figure,.mp-edit-hero-image img{margin:0;width:100%;height:515px;object-fit:cover;border-radius:0 0 0 70px}
.mp-edit-section .wp-block-button__link{background:var(--forest);color:white;border-radius:30px;padding:12px 22px;text-decoration:none;font-size:.92rem}
.mp-edit-section .is-style-outline .wp-block-button__link{background:transparent;color:var(--forest);border:1px solid var(--forest)}
.mp-edit-benefits{background:white;padding:28px 0}
.mp-edit-benefits-cols{gap:15px!important}
.mp-edit-benefit{padding:12px;border-right:1px solid #e3ddd3}
.mp-edit-benefit h3{font-family:Arial,sans-serif;font-size:1rem;font-weight:700}
.mp-edit-benefit p{font-size:.85rem;color:#63706b}
.mp-edit-services{padding:70px 0 78px}
.mp-edit-services-intro{padding:0 30px 18px}
.mp-edit-services-intro h2{max-width:850px}
.mp-edit-services-intro>p:last-child{max-width:750px}
.mp-edit-services-grid{gap:18px!important;align-items:stretch!important}
.mp-edit-service-card{height:100%;overflow:hidden;border-radius:12px;background:white;box-shadow:0 8px 25px #263d2910}
.mp-edit-service-card figure{margin:0}.mp-edit-service-card img{display:block;width:100%;height:175px;object-fit:cover}
.mp-edit-card-text{padding:20px}.mp-edit-card-text h3{font:700 1.12rem/1.25 Arial,sans-serif}.mp-edit-card-text p{font-size:.9rem;color:#596761}
.mp-edit-card-text .wp-block-button__link{padding:9px 15px;font-size:.8rem}
.mp-edit-mission{background:#f0ebe3}
.mp-edit-mission-cols{gap:0!important;align-items:stretch!important}
.mp-edit-mission-copy{padding:65px 40px 65px 0}
.mp-edit-mission-panel{background:var(--forest);color:white;padding:70px 40px;height:100%;display:flex;flex-direction:column;justify-content:center}
.mp-edit-mission-panel h3{color:white;font:italic 2rem/1.35 Georgia,serif}
.mp-edit-mission-panel p{color:#e7ddd0}
.mp-edit-cta{background:linear-gradient(100deg,#123a30f2,#123a3099),url('assets/images/hero-assistenz.webp') center/cover;color:white;padding:75px max(30px,calc((100vw - 1180px)/2))}
.mp-edit-cta>.wp-block-heading,.mp-edit-cta>p{color:white}
.mp-edit-cta .wp-block-button__link{background:white;color:var(--forest)}
.mp-edit-header{background:white;padding:15px max(20px,calc((100vw - 1240px)/2));margin:0!important}
.mp-edit-header-cols{align-items:center!important;gap:20px!important}
.mp-edit-brand h3{font:700 1.6rem/1 Arial,sans-serif;color:var(--forest);margin:0}
.mp-edit-brand p{font-size:.7rem;margin:4px 0}
.mp-edit-header .wp-block-navigation{font-size:.88rem}
.mp-edit-header .wp-block-button__link{background:var(--forest);color:white;border-radius:35px;padding:12px 18px;text-decoration:none;font-size:.8rem;white-space:nowrap}
.mp-edit-footer{background:var(--forest);color:white;padding:45px max(20px,calc((100vw - 1240px)/2))}
.mp-edit-footer .wp-block-heading{color:white}.mp-edit-footer .wp-block-button__link{color:white;background:transparent;border:1px solid #d7e0d9;border-radius:30px;padding:8px 12px;font-size:.75rem}
@media(max-width:780px){.mp-edit-section>.wp-block-columns{padding:0 20px}.mp-edit-hero-columns{flex-direction:column-reverse}.mp-edit-hero-image,.mp-edit-hero-text{flex-basis:auto!important;width:100%}.mp-edit-hero-image figure,.mp-edit-hero-image img{height:320px;border-radius:14px}.mp-edit-hero-text h1{font-size:2.7rem}.mp-edit-benefits-cols,.mp-edit-services-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.mp-edit-benefits-cols>.wp-block-column,.mp-edit-services-grid>.wp-block-column{min-width:0}.mp-edit-mission-cols{display:block!important}.mp-edit-mission-copy{padding:40px 10px}.mp-edit-header-cols{flex-wrap:wrap!important}.mp-edit-header-cols>.wp-block-column{flex-basis:auto!important}.mp-edit-services-intro{padding:0 20px 20px}}
@media(max-width:540px){.mp-edit-benefits-cols,.mp-edit-services-grid{grid-template-columns:1fr}.mp-edit-cta{padding:55px 22px}.mp-edit-hero-text h1{font-size:2.4rem}}

/* PREMIUM 1.2: Petrol/Gold, konsistente Block-Geometrie. */
:root{--forest:#064454;--deep:#062b36;--gold:#c49a52;--cream:#fbf8f3;--sand:#f1e8da;--ink:#092d36}
body{color:var(--ink)}
.mp-edit-section{box-sizing:border-box}
.mp-edit-header{background:#fff!important;padding:12px 34px!important}
.mp-edit-header>.wp-block-columns{width:min(100%,1240px)!important;max-width:1240px!important;margin-inline:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:24px!important;padding:0!important}
.mp-edit-header .wp-block-column{min-width:0!important}
.mp-edit-logo{width:100%!important;max-width:240px!important;margin:0!important}
.mp-edit-logo img{width:100%!important;height:auto!important;max-height:88px!important;object-fit:contain!important;object-position:left center!important;display:block}
.mp-edit-header .wp-block-navigation{font-size:clamp(.75rem,.82vw,.88rem)!important;gap:clamp(9px,1.1vw,19px)!important}
.mp-edit-header .wp-block-button__link{background:var(--forest)!important;padding:12px 16px!important;border-radius:30px!important;white-space:nowrap}
.mp-edit-hero{background:linear-gradient(110deg,#fdfbf7 0%,#f4eddf 100%)!important;padding:54px 0!important}
.mp-edit-hero>.wp-block-columns{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4%!important;width:min(100%,1240px)!important;max-width:1240px!important;padding:0 30px!important;margin-inline:auto!important}
.mp-edit-hero-text{flex:0 1 46%!important;flex-basis:46%!important;min-width:0!important}
.mp-edit-hero-media{flex:1 1 54%!important;flex-basis:54%!important;min-width:0!important;max-width:none!important}
.mp-edit-hero-text h1{font:400 clamp(2.5rem,3.7vw,3.7rem)/1.08 Georgia,'Times New Roman',serif!important;letter-spacing:-.035em!important;margin:18px 0!important;overflow-wrap:normal}
.mp-edit-hero-text p:not(.mp-eyebrow){font-size:clamp(.95rem,1.05vw,1.06rem)!important;line-height:1.62!important;max-width:515px!important}
.mp-edit-hero-text .mp-eyebrow{font-size:.73rem!important;letter-spacing:.2em!important;color:#a37a3c!important}
.mp-edit-hero-media .mp-edit-hero-image{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.mp-edit-hero-media .mp-edit-hero-image img{display:block!important;width:100%!important;max-width:none!important;height:460px!important;min-height:0!important;object-fit:cover!important;object-position:center center!important;border-radius:100px 14px 100px 14px!important}
.mp-edit-hero .wp-block-buttons{gap:12px!important}
.mp-edit-section .wp-block-button__link{background:var(--forest);color:#fff}
.mp-edit-section .is-style-outline .wp-block-button__link{color:var(--forest);border-color:var(--forest)}
.mp-edit-benefits{padding:32px 0!important}
.mp-edit-benefits>.wp-block-columns{max-width:1240px!important;width:min(100%,1240px)!important;padding-inline:30px!important;margin:auto!important}
.mp-edit-benefit{border-color:#e7dbcb!important;padding:12px 18px!important}
.mp-edit-benefit h3{font-size:.98rem!important;color:var(--ink)!important}
.mp-edit-benefit h3:before{content:'✦';display:inline-grid;place-items:center;color:var(--gold);font-size:1.4rem;width:42px;height:42px;border-radius:50%;background:#f6efe4;margin:0 10px 0 0;vertical-align:middle}
.mp-edit-services-grid{width:min(100%,1240px)!important;max-width:1240px!important;padding-inline:30px!important;margin:auto!important;gap:18px!important}
.mp-edit-services-intro{width:min(100%,1240px)!important;padding-inline:30px!important}
.mp-edit-mission>.wp-block-columns{max-width:1240px!important;width:min(100%,1240px)!important;padding:0 30px!important;margin:auto!important}
.mp-edit-mission-panel{background:var(--forest)!important}.mp-edit-footer{background:var(--deep)!important}
@media(max-width:1000px){.mp-edit-header .mp-edit-logo-col{flex-basis:22%!important}.mp-edit-header .mp-edit-nav-col{flex-basis:58%!important}.mp-edit-header .mp-edit-cta-col{flex-basis:20%!important}.mp-edit-hero-text h1{font-size:clamp(2.2rem,4vw,3.3rem)!important}.mp-edit-hero-media .mp-edit-hero-image img{height:380px!important}}
@media(max-width:780px){.mp-edit-header>.wp-block-columns{flex-wrap:wrap!important;gap:12px!important}.mp-edit-header .mp-edit-logo-col{flex:1 1 35%!important}.mp-edit-header .mp-edit-nav-col{flex:1 1 100%!important;order:3}.mp-edit-header .mp-edit-cta-col{flex:0 0 auto!important}.mp-edit-hero>.wp-block-columns{flex-direction:column-reverse!important;gap:28px!important;padding-inline:22px!important}.mp-edit-hero-text,.mp-edit-hero-media{width:100%!important;flex-basis:100%!important}.mp-edit-hero-media .mp-edit-hero-image img{height:320px!important;border-radius:45px 12px!important}.mp-edit-hero-text h1{font-size:clamp(2.35rem,6vw,3.3rem)!important}.mp-edit-benefits>.wp-block-columns,.mp-edit-services-grid{padding-inline:20px!important}}
@media(max-width:480px){.mp-edit-header{padding:12px 18px!important}.mp-edit-header .mp-edit-logo-col{flex:1 1 48%!important}.mp-edit-header .mp-edit-cta-col{flex:0 1 45%!important}.mp-edit-logo img{max-height:65px!important}.mp-edit-header .wp-block-button__link{font-size:.7rem!important;padding:9px 10px!important}.mp-edit-hero{padding:25px 0 40px!important}.mp-edit-hero-text h1{font-size:2.35rem!important}.mp-edit-hero-media .mp-edit-hero-image img{height:260px!important}}
