/* MHC Site CSS (My Home Cleaner), Stand 08.11.2026. Wird per <link> im Seitenkopf aller 6 Layouts geladen. Bei Aenderung ?v= im Link erhoehen. */
/* Menue Leistungen */
@media (min-width:768px){
#header .mainmenu ul.level_2{left:50%!important;right:auto!important;transform:translateX(-50%);width:700px!important;max-width:calc(100vw - 32px);background:#fff!important;padding:18px!important;box-shadow:0 18px 40px rgba(30,45,0,.14)!important}
#header .mainmenu ul.level_2>li.floatbox>ol.inner{gap:2px 8px!important;align-items:stretch}
#header .mainmenu ul.level_2 ol.inner>li{display:flex!important;position:relative}
#header .mainmenu ul.level_2 ol.inner>li>a{flex:1;display:flex!important;align-items:center;background:transparent!important;color:#4a4f45!important;padding:8px 12px!important;border-radius:8px;font-weight:400!important;font-size:14px!important;line-height:1.3!important}
#header .mainmenu ul.level_2 ol.inner>li>a:hover{background:#f1f6e4!important;color:#3f5200!important}
#header .mainmenu ul.level_2 ol.inner>li.active>a,#header .mainmenu ul.level_2 ol.inner>li.trail>a{background:#eef6d6!important;color:#3f5200!important;font-weight:600!important}
#header .mainmenu ul.level_2 ol.inner>li>a span{color:inherit!important}
#header .mainmenu ul.level_2 ol.inner>li:not(.mhc-mx)+li.mhc-mx{grid-column-start:1}
#header .mainmenu ul.level_2 ol.inner>li.mhc-mx{margin-top:19px!important}
#header .mainmenu ul.level_2 ol.inner>li:not(.mhc-mx)+li.mhc-mx::before{content:"";position:absolute;left:0;top:-10px;width:calc(300% + 16px);height:1px;background:#e1e6d6}
#header .mainmenu ul.level_2 ol.inner>li.mhc-mx>a{font-weight:600!important;color:#3f5200!important}
#header .mainmenu ul.level_2>li.last{margin-top:12px!important}
#header .mainmenu ul.level_2>li.last>a{background:#eef6d6!important;color:#3f5200!important;border-radius:10px!important;text-align:center;font-weight:600!important;font-size:14px!important;padding:10px 12px!important}
#header .mainmenu ul.level_2>li.last>a span{color:#3f5200!important}
#header .mainmenu ul.level_2>li.last>a:hover{background:#96c300!important;color:#fff!important}
#header .mainmenu ul.level_2>li.last>a:hover span{color:#fff!important}
}
/* Weitere Leistungen */
.mod_article.boxIcons .ce_iconbox_outside{border:1px solid #e3e8d8!important;box-shadow:0 8px 24px rgba(30,45,0,.08)!important;transition:box-shadow .2s,transform .2s}
.mod_article.boxIcons .ce_iconbox_outside:hover{box-shadow:0 14px 32px rgba(30,45,0,.13)!important;transform:translateY(-2px)}
/* Ihre Vorteile als Karten */
.mod_article[id^="vorteile"] .background-text,#article-5291 .background-text{display:none!important}
.mod_article[id^="vorteile"] .content-slider,#article-5291 .content-slider{visibility:visible!important;overflow:visible!important;height:auto!important;margin-top:10px}
.mod_article[id^="vorteile"] .content-slider .slider-wrapper,#article-5291 .content-slider .slider-wrapper{width:auto!important;height:auto!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:mhcv}
.mod_article[id^="vorteile"] .content-slider .slider-wrapper>.ce_iconbox,#article-5291 .content-slider .slider-wrapper>.ce_iconbox{width:auto!important;left:auto!important;transform:none!important;position:static!important;margin:0!important;float:none!important;transition:none!important;display:block!important;visibility:visible!important;opacity:1!important;counter-increment:mhcv}
.mod_article[id^="vorteile"] .slider-control,#article-5291 .slider-control{display:none!important}
.mod_article[id^="vorteile"] .content-slider .ce_iconbox_outside,#article-5291 .content-slider .ce_iconbox_outside{height:100%;box-sizing:border-box;background:#fff;border:1px solid #e3e8d8;border-radius:16px;box-shadow:0 8px 24px rgba(30,45,0,.07);padding:22px 22px 18px;text-align:left}
.mod_article[id^="vorteile"] .content-slider .ce_iconbox_inside,#article-5291 .content-slider .ce_iconbox_inside{display:flex;gap:18px;align-items:flex-start;text-align:left}
.mod_article[id^="vorteile"] .content-slider .ce_iconbox_inside::before,#article-5291 .content-slider .ce_iconbox_inside::before{content:counter(mhcv);flex:0 0 40px;height:40px;margin:3px 0 0 5px;border-radius:50%;background:#96c300;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;line-height:1;box-shadow:0 0 0 5px #eef6d6}
.mod_article[id^="vorteile"] .content-slider .ce_iconbox_inside>a,#article-5291 .content-slider .ce_iconbox_inside>a{display:none!important}
.mod_article[id^="vorteile"] .content-slider .ce_iconbox_cwrapper,#article-5291 .content-slider .ce_iconbox_cwrapper{margin:0!important;text-align:left;flex:1;min-width:0}
.mod_article[id^="vorteile"] .content-slider h3.headline,#article-5291 .content-slider h3.headline{font-size:15px!important;font-weight:600!important;letter-spacing:.04em!important;line-height:1.35!important;color:#3f5200!important;margin:2px 0 8px!important;text-align:left}
.mod_article[id^="vorteile"] .content-slider .content p,#article-5291 .content-slider .content p{font-size:15px;line-height:1.55;text-align:left;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mod_article[id^="vorteile"] .content-slider a.link,#article-5291 .content-slider a.link{font-weight:600;font-size:15px;color:#6f9200}
@media (min-width:992px){.mod_article[id^="vorteile"] .content-slider .slider-wrapper>.ce_iconbox:last-child:nth-child(3n+1),#article-5291 .content-slider .slider-wrapper>.ce_iconbox:last-child:nth-child(3n+1){grid-column:2}}
@media (max-width:991px){.mod_article[id^="vorteile"] .content-slider .slider-wrapper,#article-5291 .content-slider .slider-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}.mod_article[id^="vorteile"] .content-slider .slider-wrapper>.ce_iconbox:last-child:nth-child(2n+1),#article-5291 .content-slider .slider-wrapper>.ce_iconbox:last-child:nth-child(2n+1){grid-column:1/-1}}
@media (max-width:640px){.mod_article[id^="vorteile"] .content-slider .slider-wrapper,#article-5291 .content-slider .slider-wrapper{grid-template-columns:1fr;gap:14px}.mod_article[id^="vorteile"] .content-slider .ce_iconbox_outside,#article-5291 .content-slider .ce_iconbox_outside{padding:18px 16px 14px}}
/* Kontakt: Abstaende und Angebotskarte */
#autogrid_wrapper_3252{margin-top:44px!important;margin-bottom:72px!important}
#autogrid_wrapper_3252 .autogrid-id_3221{margin-top:0!important}
.mhc-kt{display:flex;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#f3f8e4 0%,#fbfcf8 70%);border:1px solid #e1ead0;border-radius:18px;padding:28px 30px 30px;margin:0 0 46px;box-shadow:0 10px 30px rgba(30,45,0,.06)}
.mhc-kt-ico{flex:0 0 52px;height:52px;border-radius:14px;background:#96c300 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4.5V3h6v1.5M8.5 11.5l2 2 4-4M8.5 17h7'/%3E%3C/svg%3E") no-repeat 50% 50%/26px;box-shadow:0 6px 16px rgba(150,195,0,.35)}
.mhc-kt-body{flex:1;min-width:0}
.mhc-kt-h{margin:2px 0 10px!important;font-size:24px!important;line-height:1.25!important;font-weight:400!important;color:#3a3f35!important}
.mhc-kt-body>p{margin:0 0 16px!important;color:#555!important;font-size:16.5px!important;line-height:1.65!important}
.mhc-kt-chips{list-style:none!important;margin:0 0 20px!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.mhc-kt-chips li{margin:0!important;padding:6px 12px 6px 30px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%2396c300' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 10px 50%/14px;border:1px solid #e1ead0;border-radius:999px;font-size:14px;color:#3f5200;line-height:1.3}
.mhc-kt-chips li::before{display:none!important;content:none!important}
a.mhc-kt-btn{display:inline-flex;align-items:center;gap:8px;background:#96c300;color:#fff!important;font-weight:600;font-size:17px;padding:14px 26px;border-radius:10px;text-decoration:none!important;transition:background .15s,transform .15s}
a.mhc-kt-btn:hover{background:#7fa600;transform:translateY(-1px)}
@media (max-width:767px){#autogrid_wrapper_3252{margin-top:28px!important;margin-bottom:48px!important}.mhc-kt{flex-direction:column;gap:14px;padding:22px 18px 24px}.mhc-kt-h{font-size:21px!important}a.mhc-kt-btn{width:100%;justify-content:center;box-sizing:border-box}}
