/* Mega-Menü am Desktop (Conrat_Mega, Schalter CONRAT_MEGA). Jede Regel unter body.conrat-d2.
   Panel hängt im <li> des Hauptpunkts; li, nav und Header-Inneres werden statisch, damit das Panel
   an .site-header über die volle Breite andockt. Mobil (<880) bleibt das normale Untermenü. */

body.conrat-d2 .cm-panel{display:none}

@media (min-width:880px){
	body.conrat-d2 .site-header{position:relative;z-index:200}
	body.conrat-d2 .site-header-inner,
	body.conrat-d2 .main-navigation,
	body.conrat-d2 #menu-primary>li.cm-has-mega{position:static}
	body.conrat-d2 #menu-primary>li.cm-has-mega>.sub-menu{display:none !important}
	body.conrat-d2 #menu-primary>li.cm-has-mega>a{position:relative}

	/* Öffnen/Schließen: Hover, Tastaturfokus; .cm-closed nach Escape bis zum Verlassen */
	body.conrat-d2 .cm-panel{display:block;position:absolute;left:0;right:0;top:calc(100% - 24px);padding-top:24px;
		visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);
		transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;font-family:"Inter",system-ui,sans-serif;text-align:left;white-space:normal;letter-spacing:normal;text-transform:none}
	body.conrat-d2 #menu-primary>li.cm-has-mega:not(.cm-closed):hover>.cm-panel,
	body.conrat-d2 #menu-primary>li.cm-has-mega:not(.cm-closed):focus-within>.cm-panel{
		visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:.06s,.06s,0s}
	body.conrat-d2 #menu-primary>li.cm-has-mega:not(.cm-closed):hover>a,
	body.conrat-d2 #menu-primary>li.cm-has-mega:not(.cm-closed):focus-within>a{background:var(--c-surface);color:var(--c-accent)}
	body.conrat-d2 #menu-primary>li.cm-has-mega>a::after{transition:transform .2s}
	body.conrat-d2 #menu-primary>li.cm-has-mega:not(.cm-closed):hover>a::after,
	body.conrat-d2 #menu-primary>li.cm-has-mega:not(.cm-closed):focus-within>a::after{transform:translateY(3px) rotate(-135deg)}

	/* Fläche + Abdunklung der Seite darunter (Schatten nur nach unten, per clip-path) */
	body.conrat-d2 .cm-sheet{background:var(--c-bg);border-top:1px solid var(--c-line);
		box-shadow:0 30px 60px -24px rgba(20,20,30,.28),0 0 0 100vmax rgba(30,30,40,.18);clip-path:inset(0 -100vmax -100vmax -100vmax)}
	body.conrat-d2 .cm-in{max-width:1240px;margin:0 auto;padding:30px clamp(16px,4vw,40px) 34px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,.95fr);gap:32px;align-items:stretch}
	body.conrat-d2 .cm-panel--ratgeber .cm-in{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.95fr)}
	body.conrat-d2 .cm-lbl{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);font-weight:700;margin:0 0 14px;line-height:1.3}

	/* Links im Panel: Reykjavik-Linkstile neutralisieren */
	body.conrat-d2 .cm-panel a{text-decoration:none;border:0;box-shadow:none;color:var(--c-ink);white-space:normal}
	body.conrat-d2 .cm-row>span{min-width:0}
	body.conrat-d2 .cm-panel a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}

	/* Symbole: Linien-Icons als Maske (Klassen unten generiert) */
	body.conrat-d2 .cm-ic{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;
		-webkit-mask:var(--cm-i) center/contain no-repeat;mask:var(--cm-i) center/contain no-repeat}

	/* Kacheln */
	body.conrat-d2 .cm-tiles{display:grid;gap:10px}
	body.conrat-d2 .cm-tile{display:flex;gap:15px;align-items:flex-start;background:var(--c-surface);border-radius:18px;padding:16px 18px;transition:transform .18s ease,background .18s}
	body.conrat-d2 .cm-tile:hover{transform:scale(1.012);background:var(--c-surface-2)}
	body.conrat-d2 .cm-bx{flex:none;width:44px;height:44px;border-radius:12px;background:var(--c-bg);display:grid;place-items:center;color:var(--c-accent)}
	body.conrat-d2 .cm-tx{display:block;min-width:0}
	body.conrat-d2 .cm-t{display:block;font-weight:650;font-size:15.5px;line-height:1.3;color:var(--c-ink)}
	body.conrat-d2 .cm-d{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--c-muted);font-weight:400}
	body.conrat-d2 .cm-tile:hover .cm-t,body.conrat-d2 .cm-tile.is-current .cm-t{color:var(--c-accent)}

	/* Säulen (Ratgeber) in Hub-Farben */
	body.conrat-d2 .cm-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
	body.conrat-d2 .cm-pill{position:relative;display:flex;flex-direction:column;min-height:118px;border-radius:18px;padding:16px 18px;color:#fff;transition:transform .18s ease,filter .18s}
	body.conrat-d2 .cm-pill:hover{transform:scale(1.015);filter:brightness(1.08)}
	body.conrat-d2 .cm-pill--s{background:#2456A6}
	body.conrat-d2 .cm-pill--u{background:#0B7A6A}
	body.conrat-d2 .cm-pill--t{background:#6A43A3}
	body.conrat-d2 .cm-pill--k{background:#A22020}
	body.conrat-d2 .cm-pill .cm-n{font-size:11.5px;font-weight:700;letter-spacing:.1em;opacity:.8}
	body.conrat-d2 .cm-pill .cm-ic{position:absolute;right:16px;top:15px;width:22px;height:22px;opacity:.85}
	body.conrat-d2 .cm-pill .cm-t{color:#fff;font-size:16px;margin-top:auto;padding-top:14px}
	body.conrat-d2 .cm-pill .cm-d{color:rgba(255,255,255,.86);font-size:13px}
	body.conrat-d2 .cm-panel a.cm-pill{color:#fff}

	/* Liste */
	body.conrat-d2 .cm-list{list-style:none;margin:0;padding:0}
	body.conrat-d2 .cm-list li{margin:0;padding:0;border-bottom:1px solid var(--c-line)}
	body.conrat-d2 .cm-list li:last-child{border-bottom:0}
	body.conrat-d2 .cm-row{display:flex;gap:12px;align-items:center;padding:10px 8px;margin:0 -8px;border-radius:10px;transition:background .15s}
	body.conrat-d2 .cm-row .cm-ic{color:var(--c-muted)}
	body.conrat-d2 .cm-row .cm-t{font-size:14.5px;font-weight:600}
	body.conrat-d2 .cm-row .cm-d{font-size:12.8px;margin-top:1px}
	body.conrat-d2 .cm-row:hover{background:var(--c-surface)}
	body.conrat-d2 .cm-row:hover .cm-t,body.conrat-d2 .cm-row:hover .cm-ic,body.conrat-d2 .cm-row.is-current .cm-t{color:var(--c-accent)}
	body.conrat-d2 .cm-panel a.cm-all{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:14.5px;font-weight:600;color:var(--c-accent)}
	body.conrat-d2 .cm-all .cm-ic{width:16px;height:16px;transition:transform .18s}
	body.conrat-d2 .cm-all:hover .cm-ic{transform:translateX(3px)}

	/* Aktionskasten */
	body.conrat-d2 .cm-col--promo{display:flex}
	body.conrat-d2 .cm-panel a.cm-promo{flex:1;display:flex;flex-direction:column;background:var(--c-dark);color:#fff;border-radius:20px;padding:24px;transition:transform .18s ease}
	body.conrat-d2 .cm-panel a.cm-promo:hover{transform:scale(1.012)}
	body.conrat-d2 .cm-promo-k{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#E9A3A3;font-weight:700}
	body.conrat-d2 .cm-promo-t{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.25;margin:8px 0 8px;color:#fff}
	body.conrat-d2 .cm-promo-x{font-size:13.8px;line-height:1.5;color:var(--c-dark-text);margin-bottom:auto}
	body.conrat-d2 .cm-promo-b{margin-top:20px;background:var(--c-accent);color:#fff;border-radius:10px;padding:11px 14px;font-weight:600;font-size:14.5px;text-align:center;transition:background .15s}
	body.conrat-d2 .cm-promo:hover .cm-promo-b{background:var(--c-accent-hover)}
}

@media (min-width:880px) and (max-width:1100px){
	body.conrat-d2 .cm-in,body.conrat-d2 .cm-panel--ratgeber .cm-in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}
	/* Aktionskasten als flache Leiste unter den Spalten */
	body.conrat-d2 .cm-col--promo{grid-column:1/-1}
	body.conrat-d2 .cm-panel a.cm-promo{flex-direction:row;align-items:center;gap:6px 18px;flex-wrap:wrap;padding:16px 20px;border-radius:16px}
	body.conrat-d2 .cm-promo-t{font-size:17px;margin:0}
	body.conrat-d2 .cm-promo-x{margin:0;flex:1 1 260px}
	body.conrat-d2 .cm-promo-b{margin:0}
}

@media (prefers-reduced-motion:reduce){
	body.conrat-d2 .cm-panel,body.conrat-d2 .cm-tile,body.conrat-d2 .cm-pill,body.conrat-d2 .cm-promo{transition:none !important;transform:none !important}
}

/* mega-icons:start (generiert) */
body.conrat-d2 .cm-ic--compass{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M15.8 8.2 13.7 13.7 8.2 15.8 10.3 10.3z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--bulb{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21.5h4'/%3E%3Cpath d='M12 2.5a6.5 6.5 0 0 0-3.9 11.7c.6.5.9 1.2.9 1.9V17h6v-.9c0-.7.3-1.4.9-1.9A6.5 6.5 0 0 0 12 2.5z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--chip{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='14' rx='2.5'/%3E%3Crect x='9.5' y='9.5' width='5' height='5' rx='1'/%3E%3Cpath d='M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--alert{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 2 18.2A2 2 0 0 0 3.7 21h16.6a2 2 0 0 0 1.7-2.8L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5v4M12 17h.01'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--check{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6.5 9.5 17 4 11.5'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--doc{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.5H6.5a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2.5V8h5.5M15.5 13h-7M15.5 17h-7'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--bolt{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2.5 4 13.5h7.5l-1 8 9-11h-7.5z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--search{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20.5 20.5-4.5-4.5'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--flow{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3.5' width='6' height='6' rx='1.5'/%3E%3Crect x='15' y='14.5' width='6' height='6' rx='1.5'/%3E%3Cpath d='M9 6.5h4a2 2 0 0 1 2 2v6'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--flag{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21.5V4M5 4.5c4-2.5 7 2.5 14 0v9c-7 2.5-10-2.5-14 0'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--book{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4.5A1.5 1.5 0 0 1 5.5 3H12v17H5.5A1.5 1.5 0 0 1 4 18.5zM20 4.5A1.5 1.5 0 0 0 18.5 3H12v17h6.5a1.5 1.5 0 0 0 1.5-1.5z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--phone{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.5l1.8 4.6-2.3 1.4a11 11 0 0 0 5.5 5.5l1.4-2.3 4.6 1.8V18a2 2 0 0 1-2 2A15.5 15.5 0 0 1 3 5.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--monitor{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4' width='19' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--cart{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3.5h2.5l2.2 11h10.6l2.2-8H7'/%3E%3Ccircle cx='9' cy='19.5' r='1.5'/%3E%3Ccircle cx='17' cy='19.5' r='1.5'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--server{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='17' height='7' rx='1.5'/%3E%3Cpath d='M7.5 7h.01M7.5 17h.01'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--code{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5M13.5 4l-3 16'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--chat{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12a8 8 0 0 1-11.8 7L3.5 20.5 5 15.6A8 8 0 1 1 20.5 12z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--gift{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='4' rx='1'/%3E%3Cpath d='M5 12v8.5h14V12M12 8v12.5M12 8S10.5 3.5 8 3.5a2.2 2.2 0 0 0 0 4.5zM12 8s1.5-4.5 4-4.5a2.2 2.2 0 0 1 0 4.5z'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--image{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='9.5' r='1.8'/%3E%3Cpath d='m21 16-5-5-9 9'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--grid{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1.5'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--news{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4.5h13v15H6a2 2 0 0 1-2-2zM17 8.5h3v9a2 2 0 0 1-2 2'/%3E%3Cpath d='M7.5 8.5h6M7.5 12h6M7.5 15.5h4'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--spark{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M6 18l2.5-2.5M15.5 8.5 18 6'/%3E%3C/svg%3E")}
body.conrat-d2 .cm-ic--arrow{--cm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
/* mega-icons:end */