.wcpf-headerbar { position:relative; } .wcpf-headerbar .linke-nav { color: #FFFFFF !important; text-align: left; line-height: 1.9em; padding-right: 25px !important; padding-left: 25px !important; margin-bottom: 0px !important; word-wrap: break-word; width: 400px; position: static !important; } .unterseite .wcpf-headerbar .linke-nav { color: #000 !important; } .wcpf-headerbar .rechte-nav { color: #FFFFFF !important; text-align: left; line-height: 1.9em; padding-right: 25px !important; padding-left: 25px !important; margin-bottom: 0px !important; word-wrap: break-word; width: 400px; position: static !important; } .unterseite .wcpf-headerbar .rechte-nav { color: #000 !important; } .unterseite .wcpf-headerbar .rechte-nav .wcpf-mega-main { color: #fff !important; } /* Basis Desktop-Menü */ .wcpf-headerbar .wcpf-header-menu-right { display:flex; gap:18px; align-items:center; margin:0; padding:0 !important; list-style-type:none !important; } /* Nur Desktop – mobil eigenes Menü */ @media (max-width: 980px) { .wcpf-headerbar .wcpf-header-menu-right { display:none !important; } } /* Mega Menü */ .wcpf-header-menu-right > li > a { color: #FFFFFF !important; transition: color 300ms ease 0ms; font-size: 18px; } .unterseite .wcpf-header-menu-right > li > a { color: #000 !important; } .wcpf-header-menu-right > li > a:hover { color: var(--primary-color) !important; } .dd-fixed-header-styling .wcpf-header-menu-right > li > a { color: #333333 !important; } .wcpf-mega a { color: #333 !important; transition: color 300ms ease 0ms; } .wcpf-mega a:hover { color: var(--primary-color) !important; } .wcpf-mega-top { display: flex; gap: 30px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,.08); } .wcpf-mega-inner { padding:30px; } .wcpf-mega-parent { display:block; margin-bottom:8px; text-decoration:none; font-size: 18px; text-transform: uppercase; } .wcpf-mega-item { margin:7px 0; } .wcpf-mega-sublist { list-style:none; margin:6px 0 0 12px; padding:0; display:flex; flex-direction:column; gap:5px; } /* Layout: links 1 Spalte, rechts 3 Spalten */ .wcpf-mega-grid--split{ display: grid; grid-template-columns: minmax(260px, 1.35fr) 3fr; gap: 24px; align-items: start; padding-top: 16px; } .wcpf-mega-grid--split .wcpf-mega-rest{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; padding: 20px; } .wcpf-mega-grid--split .wcpf-mega-main { background: #51020A; padding: 20px; } .wcpf-mega-grid--split .wcpf-mega-main a { color: #fff !important; } /* ✅ Scroll nur in der linken (ersten) Spalte */ .wcpf-mega-grid--split .wcpf-mega-main .wcpf-mega-list{ max-height: calc(100vh - 260px); overflow: auto; list-style-type: none !important; margin: 0; } .wcpf-mega-grid--split .wcpf-mega-main .wcpf-mega-list::-webkit-scrollbar{ width: 10px; } .wcpf-mega-grid--split .wcpf-mega-main .wcpf-mega-list::-webkit-scrollbar-thumb{ border-radius: 999px; background: rgba(0,0,0,.15); } /* Responsives Grid innerhalb Mega */ @media (max-width: 1024px){ .wcpf-mega-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 980px){ .wcpf-mega-grid--split{ grid-template-columns: 1fr; } .wcpf-mega-grid--split .wcpf-mega-rest{ grid-template-columns: 1fr; } .wcpf-mega-grid--split .wcpf-mega-main .wcpf-mega-list{ max-height: 45vh; } } /* Portal-Variante: Panel liegt im und ist immer viewport-breit */ .wcpf-mega.is-portal{ position: fixed !important; left: var(--wcpf-mega-left, 0px) !important; top: var(--wcpf-mega-top, 100px) !important; width: var(--wcpf-mega-width, 1200px) !important; max-width: none !important; margin-top: 0 !important; z-index: 999999 !important; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.12); } /* Wichtig: wenn Portal aktiv ist, nicht mehr 'top:100%' etc. */ .wcpf-headerbar .wcpf-mega.is-portal{ top: var(--wcpf-mega-top, 100px) !important; }