/* com.on Menü-Panel – Gestaltung (eckig, weiß, Petrol-Akzente wie gewe.com) */
.comon-mp{display:none}
@media (min-width:1100px){
	#navigation > ul > li.comon-mp-hat-panel{position:static}
	#navigation > ul > li.comon-mp-hat-panel > ul.sub-menu{display:none!important}
	#navigation .comon-mp{display:grid;grid-template-columns:minmax(0,1fr);position:absolute;left:15px;right:15px;width:calc(100% - 30px);z-index:100;
		background:#fff;border-top:4px solid #008778;box-shadow:0 18px 40px rgba(0,0,0,.18);text-align:left;
		visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}
	#navigation .comon-mp.comon-mp--mit-hinweis{grid-template-columns:minmax(0,1fr) minmax(250px,25%)}
	#navigation > ul > li.comon-mp-hat-panel:hover > .comon-mp,
	#navigation > ul > li.comon-mp-hat-panel:focus-within > .comon-mp{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .18s ease,visibility 0s}
	#navigation .comon-mp:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
	#navigation .comon-mp__spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:30px 36px;padding:36px 38px 38px;align-content:start}
	#navigation .comon-mp__spalte{min-width:0}
	#navigation .comon-mp__spalte--haupt{grid-column:span 2;padding-right:36px;border-right:1px solid #e3e8e5}
	#navigation .comon-mp__abschnitt + .comon-mp__abschnitt{margin-top:24px}
	#navigation .comon-mp a{text-transform:none;letter-spacing:0;font-family:"Montserrat",sans-serif;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
	#navigation .comon-mp__dach{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#008778;margin:0 0 10px;line-height:1.3}
	#navigation .comon-mp a.comon-mp__uebersicht{display:inline-block;font-size:15px;font-weight:700;color:#1f2a27;margin:0 0 8px;padding:0}
	#navigation .comon-mp a.comon-mp__uebersicht span{color:#008778;font-weight:600;font-size:13px;margin-left:2px}
	#navigation .comon-mp a.comon-mp__uebersicht:hover{color:#008778}
	#navigation .comon-mp a.comon-mp__titel{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:21px;font-weight:700;color:#1f2a27;line-height:1.25;padding:0 0 16px;margin:0 0 22px;border-bottom:1px solid #e3e8e5}
	#navigation .comon-mp div.comon-mp__titel{font-size:21px;font-weight:700;line-height:1.25;padding:0 0 16px;margin:0 0 22px;border-bottom:1px solid #e3e8e5}
	#navigation .comon-mp a.comon-mp__titel > span{font-size:14px;font-weight:600;color:#008778;white-space:nowrap}
	#navigation .comon-mp a.comon-mp__titel:hover{color:#008778}
	#navigation .comon-mp__gruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px 30px}
	#navigation .comon-mp__gruppe-titel{font-size:13px;font-weight:700;color:#5d6b66;margin:0 0 8px}
	#navigation .comon-mp ul.comon-mp__liste{position:static;display:block;visibility:inherit;opacity:1;background:none;min-width:0;width:auto;margin:0;padding:0;box-shadow:none;border:0;transform:none}
	#navigation .comon-mp ul.comon-mp__liste li{float:none;display:block;margin:0;padding:0;border:0}
	#navigation .comon-mp ul.comon-mp__liste li a{display:block;margin:0 -12px;padding:6px 12px 6px 9px;border-left:3px solid transparent;font-size:15px;font-weight:500;line-height:1.35;color:#1f2a27}
	#navigation .comon-mp ul.comon-mp__liste li a:before{display:none}
	#navigation .comon-mp ul.comon-mp__liste li a:hover,
	#navigation .comon-mp ul.comon-mp__liste li a:focus-visible,
	#navigation .comon-mp ul.comon-mp__liste li a.ist-aktiv{background:#f1f5e0;border-left-color:#008778;color:#008778}
	#navigation .comon-mp__spalte--kacheln{grid-column:1/-1}
	#navigation .comon-mp ul.comon-mp__kacheln{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;visibility:inherit;opacity:1;background:none;min-width:0;width:auto;margin:0;padding:0;box-shadow:none;border:0;transform:none}
	#navigation .comon-mp ul.comon-mp__kacheln li{float:none;display:block;margin:0;padding:0;border:0}
	#navigation .comon-mp a.comon-mp__kachel{position:relative;display:flex;flex-direction:column;height:100%;padding:20px 44px 20px 20px;background:#f6f8f7;border-left:3px solid transparent;color:#1f2a27}
	#navigation .comon-mp a.comon-mp__kachel:before{display:none}
	#navigation .comon-mp .comon-mp__kachel-titel{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 6px}
	#navigation .comon-mp .comon-mp__kachel-text{font-size:14px;font-weight:400;line-height:1.5;color:#5d6b66}
	#navigation .comon-mp .comon-mp__kachel-mehr{position:absolute;right:18px;top:19px;color:#008778;font-weight:600;transition:transform .15s}
	#navigation .comon-mp a.comon-mp__kachel:hover,
	#navigation .comon-mp a.comon-mp__kachel:focus-visible,
	#navigation .comon-mp a.comon-mp__kachel.ist-aktiv{background:#f1f5e0;border-left-color:#008778}
	#navigation .comon-mp a.comon-mp__kachel:hover .comon-mp__kachel-titel{color:#008778}
	#navigation .comon-mp a.comon-mp__kachel:hover .comon-mp__kachel-mehr{transform:translateX(3px)}
	#navigation .comon-mp__hinweis{display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:#008778 center/cover no-repeat;position:relative;min-height:100%}
	#navigation .comon-mp__hinweis--bild:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,40,35,0) 15%,rgba(0,50,44,.55) 45%,rgba(0,50,44,.92))}
	#navigation .comon-mp__hinweis--petrol{justify-content:flex-start}
	#navigation .comon-mp__hinweis-innen{position:relative;padding:36px 32px;display:flex;flex-direction:column;height:100%}
	#navigation .comon-mp__hinweis--bild .comon-mp__hinweis-innen{height:auto}
	#navigation .comon-mp__hinweis .comon-mp__dach{color:#dee7a4}
	#navigation .comon-mp__hinweis-titel{font-family:"Montserrat",sans-serif;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 10px;color:#fff}
	#navigation .comon-mp__hinweis p{font-size:14.5px;line-height:1.55;margin:0 0 22px;color:#fff;opacity:.92}
	#navigation .comon-mp a.comon-mp__button{margin-top:auto;align-self:flex-start;background:#dee7a4;color:#1f2a27;font-size:14.5px;font-weight:600;padding:11px 16px;line-height:1.2}
	#navigation .comon-mp a.comon-mp__button:hover{background:#fff;color:#008778}
}
@media (prefers-reduced-motion:reduce){#navigation .comon-mp{transition:none!important;transform:none!important}}