/* QOON menu: original desktop cascade, redundant shadowed declarations removed. */ :root { --qoon-cyan:#00E5FF; --qoon-cyan-2:#00BBFF; --qoon-violet:#A855F7; --qoon-violet-2:#7C3AED; --qoon-dark:#0f172a; --qoon-night:#01012d; --qoon-ease:cubic-bezier(0.22, 1, 0.36, 1); --qoon-glass-light:rgba(255, 255, 255, 0.72); --qoon-glass-dark:rgba(13, 17, 24, 0.72); } .et-l--header .et_pb_section_0_tb_header { background-color:#050a12!important; border-bottom:1px solid rgba(0, 229, 255, 0.18); position:relative; } .et-l--header .et_pb_section_0_tb_header::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg, transparent 0%, rgba(0, 229, 255, 0.0) 10%, rgba(0, 229, 255, 0.6) 35%, rgba(168, 85, 247, 0.6) 65%, rgba(0, 229, 255, 0.0) 90%, transparent 100%); background-size:200% 100%; animation:qoon-aurora-slide 14s linear infinite; pointer-events:none; opacity:0.7; } @keyframes qoon-aurora-slide { 0% { background-position:0% 0; } 100% { background-position:200% 0; } } .et-l--header .et_pb_section_0_tb_header .et_pb_text_inner p { color:#ffffff!important; font-size:13px; margin:0; padding:8px 0; letter-spacing:0.2px; } .et-l--header .et_pb_section_1_tb_header { border-bottom:1px solid rgba(0, 187, 255, 0.18); } @supports not (backdrop-filter: blur(1px)) { .et-l--header .et_pb_section_1_tb_header { background-color:#01012d!important; } } .et-l--header .et_pb_section_1_tb_header.et_pb_sticky, .et-l--header .et_pb_row_1_tb_header.et_pb_row--sticky, .et-l--header .et_pb_row_1_tb_header[style*="position: fixed"], .et-l--header .et_pb_row_1_tb_header[style*="position:fixed"] { background-color:rgba(13, 17, 24, 0.85)!important; -webkit-backdrop-filter:blur(28px) saturate(180%); backdrop-filter:blur(28px) saturate(180%); box-shadow:0 2px 24px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(0, 229, 255, 0.0)!important; position:relative; } .et-l--header .et_pb_section_1_tb_header.et_pb_sticky::after, .et-l--header .et_pb_row_1_tb_header.et_pb_row--sticky::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg, transparent 0%, rgba(0, 229, 255, 0.7) 25%, rgba(168, 85, 247, 0.7) 50%, rgba(0, 229, 255, 0.7) 75%, transparent 100%); background-size:200% 100%; animation:qoon-aurora-slide 10s linear infinite; pointer-events:none; } .et-l--header .et_pb_menu_0_tb_header .et-menu > li > a { color:#ffffff!important; font-size:14px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:0.5px; position:relative; transition:color 0.28s var(--qoon-ease), text-shadow 0.28s var(--qoon-ease)!important; } .et-l--header .et_pb_menu_0_tb_header .et-menu > li > a::after { content:''; position:absolute; left:12px; right:12px; bottom:4px; height:1.5px; background:linear-gradient(90deg, var(--qoon-cyan) 0%, var(--qoon-violet) 50%, var(--qoon-cyan-2) 100%); border-radius:2px; transform:scaleX(0); transform-origin:left center; transition:transform 0.42s var(--qoon-ease); pointer-events:none; opacity:0.95; } .et-l--header .et_pb_menu_0_tb_header .et-menu > li > a:hover { color:var(--qoon-cyan)!important; opacity:1!important; text-shadow:0 0 12px rgba(0, 229, 255, 0.35); } .et-l--header .et_pb_menu_0_tb_header .et-menu > li > a:hover::after { transform:scaleX(1); } .et-l--header .et_pb_menu_0_tb_header .et-menu li.current-menu-item > a, .et-l--header .et_pb_menu_0_tb_header .et-menu li.current-menu-ancestor > a, .et-l--header .et_pb_menu_0_tb_header .et-menu li.current_page_item > a { color:var(--qoon-cyan)!important; opacity:1!important; } .et-l--header .et_pb_menu_0_tb_header .et-menu li.current-menu-item > a::after, .et-l--header .et_pb_menu_0_tb_header .et-menu li.current-menu-ancestor > a::after, .et-l--header .et_pb_menu_0_tb_header .et-menu li.current_page_item > a::after { transform:scaleX(0.6); opacity:0.6; } .et-l--header .et_pb_menu_0_tb_header .et-menu li ul.sub-menu { background-color:rgba(255, 255, 255, 0.92)!important; -webkit-backdrop-filter:blur(18px) saturate(180%); backdrop-filter:blur(18px) saturate(180%); border-top:2px solid transparent!important; border-image:linear-gradient(90deg, var(--qoon-cyan), var(--qoon-violet), var(--qoon-cyan-2)) 1!important; border-radius:0 0 16px 16px!important; box-shadow:0 50px 100px rgba(15, 23, 42, 0.10), 0 20px 40px rgba(15, 23, 42, 0.05)!important; padding:0!important; } .et-l--header .et_pb_menu_0_tb_header .et-menu li ul.sub-menu a { color:#1e293b!important; font-size:13px!important; font-weight:500!important; text-transform:none!important; padding:10px 20px!important; transition:color 0.22s var(--qoon-ease), background 0.22s var(--qoon-ease)!important; } .et-l--header .et_pb_menu_0_tb_header .et-menu li ul.sub-menu a:hover { color:#00879e!important; background-color:rgba(0, 229, 255, 0.06)!important; opacity:1!important; } .et-l--header .et_pb_menu_0_tb_header .et-menu li.cta-item > a, .et-l--header .et_pb_menu_0_tb_header .et-menu li.menu-item-279736 > a { position:relative; border:1.5px solid transparent!important; border-radius:999px!important; padding:7px 18px!important; color:#ffffff!important; background:linear-gradient(rgba(1,1,45,0.6), rgba(1,1,45,0.6)) padding-box, linear-gradient(120deg, var(--qoon-cyan), var(--qoon-violet), var(--qoon-cyan-2)) border-box!important; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:transform 0.3s var(--qoon-ease), box-shadow 0.3s var(--qoon-ease), color 0.3s var(--qoon-ease), background 0.3s var(--qoon-ease)!important; } .et-l--header .et_pb_menu_0_tb_header .et-menu li.cta-item > a:hover, .et-l--header .et_pb_menu_0_tb_header .et-menu li.menu-item-279736 > a:hover { color:var(--qoon-night)!important; background:linear-gradient(120deg, var(--qoon-cyan), #b9f7ff) padding-box, linear-gradient(120deg, var(--qoon-cyan), var(--qoon-violet), var(--qoon-cyan-2)) border-box!important; transform:translateY(-1px); box-shadow:0 8px 24px rgba(0, 229, 255, 0.28), 0 0 0 4px rgba(0, 229, 255, 0.08); opacity:1!important; } .et-l--header .et_pb_menu__search-button { color:#ffffff!important; opacity:0.7; transition:opacity 0.22s var(--qoon-ease), text-shadow 0.22s var(--qoon-ease); } .et-l--header .et_pb_menu__search-button:hover { opacity:1; text-shadow:0 0 12px rgba(0, 229, 255, 0.5); } .et-l--header .mobile_menu_bar:before, .et-l--header .mobile_menu_bar:after { background-color:#ffffff!important; } .et-l--header .et_mobile_menu { background-color:rgba(1, 1, 45, 0.96)!important; -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); border-top:2px solid transparent!important; border-image:linear-gradient(90deg, var(--qoon-cyan), var(--qoon-violet)) 1!important; } .et-l--header .et_mobile_menu li a { color:#ffffff!important; border-bottom-color:rgba(0, 229, 255, 0.10)!important; } .et-l--header .et_mobile_menu li a:hover { color:var(--qoon-cyan)!important; background-color:rgba(0, 229, 255, 0.06)!important; } .et-l--header .et_pb_menu_0_tb_header .nav li.mega-mainmenu > ul.sub-menu, .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-2743 > ul.sub-menu { width:720px!important; min-width:720px!important; right:0!important; left:auto!important; transform:none!important; } .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-280086 > ul.sub-menu { width:790px!important; min-width:790px!important; right:0!important; left:auto!important; transform:none!important; } .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-279897 > ul.sub-menu { right:0!important; left:auto!important; transform:none!important; } .et-l--header .et_pb_menu_0_tb_header .nav li > ul.sub-menu { max-width:calc(100vw - 40px)!important; } .qmm-wrap { --cyan:#00E5FF; --violet:#A855F7; --green:#18BB4B; --blue:#2563eb; --dark:#0f172a; --bg:rgba(255,255,255,0.96); --border:rgba(226, 232, 240, 0.6); --font:'Plus Jakarta Sans', Georgia, serif; --ease:cubic-bezier(0.22, 1, 0.36, 1); background:var(--bg)!important; box-shadow:0 40px 80px rgba(15, 23, 42, 0.08), 0 15px 30px rgba(15, 23, 42, 0.04)!important; } .qmm-wrap::before { top:0; left:0; right:0; height:2px; } .et-l--header .et_pb_column_1_tb_header, .et-l--header .et_pb_column_2_tb_header { overflow:visible!important; } .et-l--header .et_pb_menu_0_tb_header, .et-l--header .et_pb_menu_0_tb_header .et_pb_menu__wrap, .et-l--header .et_pb_menu_0_tb_header .et_pb_menu__menu, .et-l--header .et_pb_menu_0_tb_header .et-menu-nav { overflow:visible!important; position:relative!important; } .qmm-reviews-score { display:flex; align-items:baseline; gap:8px; } .qmm-reviews-num { font-size:26px; font-weight:800; } .qmm-reviews-headline { font-size:15px; font-weight:800; margin:0; line-height:1.3; } .qmm-reviews-sub { font-size:12px; margin:0; line-height:1.55; } .qmm-reviews-cta { display:flex!important; font-size:13px; text-decoration:none!important; margin-top:4px; } .qmm-reviews-cta:hover { background:#00E5FF; color:#050a12!important; transform:translateY(-2px); text-decoration:none!important; } .qmm-reviews-search { display:flex!important; align-items:center; gap:8px; background:#f8fafc; border:1px solid rgba(226,232,240,0.8); padding:9px 12px; border-radius:9px; font-size:13px; text-decoration:none!important; transition:border-color 0.2s ease, background 0.2s ease, color 0.2s ease; margin-bottom:12px; } .qmm-reviews-search:hover { border-color:#00879e; background:#fff; color:#1e293b; text-decoration:none!important; } .qmm-reviews-grid { margin-bottom:12px; } .qmm-reviews-item { transition:background 0.15s ease; } .qmm-reviews-item:hover { background:#f8fafc; text-decoration:none!important; } .qmm-reviews-item div strong { display:block; } .qmm-reviews-all { font-size:12px; text-decoration:none!important; display:block; } .qmm-reviews-all:hover { color:#1d4ed8!important; } @media (max-width:980px), (min-width:981px) and (max-width:1400px) and (hover:none) and (pointer:coarse) { #qmm-container { display:none!important; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:0.01ms!important; transition-duration:0.01ms!important; } } #qmm-container .qmm-col, .qmm-panel .qmm-col { overflow:hidden!important; } #qmm-container .qmm-branch-grid, .qmm-panel .qmm-branch-grid { margin-bottom:14px!important; } #qmm-container { pointer-events:none; width:100%!important; } .qmm-panel { top:0!important; z-index:99999!important; pointer-events:auto!important; } .qmm-panel .qmm-wrap, #qmm-container .qmm-wrap { display:block!important; background:#ffffff!important; border-top:2px solid #00E5FF!important; width:100%!important; box-sizing:border-box!important; } .qmm-panel .qmm-inner, #qmm-container .qmm-inner { display:grid!important; width:100%!important; } .qmm-panel .qmm-produkte .qmm-inner, #qmm-container .qmm-produkte .qmm-inner { grid-template-columns:1fr 1fr!important; } .qmm-panel .qmm-loesungen .qmm-inner, #qmm-container .qmm-loesungen .qmm-inner { grid-template-columns:22% 53% 25%!important; } .qmm-panel .qmm-reviews .qmm-inner, #qmm-container .qmm-reviews .qmm-inner { grid-template-columns:38% 62%!important; } .qmm-panel .qmm-col, #qmm-container .qmm-col { display:block!important; padding:28px 30px!important; min-width:0!important; box-sizing:border-box!important; } .qmm-panel .qmm-col + .qmm-col, #qmm-container .qmm-col + .qmm-col { border-left:1px solid rgba(226,232,240,0.8)!important; } .qmm-panel .qmm-col--intro, #qmm-container .qmm-col--intro { background:#f8fafc!important; } .qmm-panel .qmm-col--enterprise, #qmm-container .qmm-col--enterprise { background:linear-gradient(135deg, #0f172a, #1a0a2e)!important; display:flex!important; align-items:center!important; justify-content:center!important; } .qmm-panel .qmm-banner, #qmm-container .qmm-banner { display:flex!important; align-items:center!important; gap:12px!important; padding:12px 28px!important; border-top:1px solid rgba(255,255,255,0.06)!important; } .qmm-panel .qmm-branch-grid, #qmm-container .qmm-branch-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:4px!important; } .qmm-panel .qmm-branch-item, #qmm-container .qmm-branch-item { display:flex!important; align-items:center!important; gap:8px!important; padding:8px 10px!important; border-radius:8px!important; text-decoration:none!important; } .qmm-panel .qmm-branch-item:hover, #qmm-container .qmm-branch-item:hover { background:#f8fafc!important; } .qmm-panel .qmm-module-item, #qmm-container .qmm-module-item { display:flex!important; align-items:flex-start!important; text-decoration:none!important; } .qmm-panel .qmm-module-item:hover, #qmm-container .qmm-module-item:hover { background:#f8fafc!important; } .qmm-panel .qmm-module-icon, #qmm-container .qmm-module-icon { display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; } .qmm-panel .qmm-free-card, #qmm-container .qmm-free-card { display:flex!important; flex-direction:column!important; gap:10px!important; text-decoration:none!important; box-sizing:border-box!important; } .qmm-panel .qmm-free-card:hover, #qmm-container .qmm-free-card:hover { background:#fafbfc!important; } .qmm-panel .qmm-free-icon, #qmm-container .qmm-free-icon { background:#f1f5f9!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; } .qmm-panel .qmm-reviews-dark, #qmm-container .qmm-reviews-dark { display:flex!important; flex-direction:column!important; gap:12px!important; justify-content:center!important; background:linear-gradient(135deg,#0f172a,#1a0a2e)!important; padding:24px!important; box-sizing:border-box!important; } .qmm-panel .qmm-reviews-grid, #qmm-container .qmm-reviews-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:4px!important; } .qmm-panel .qmm-reviews-item, #qmm-container .qmm-reviews-item { display:flex!important; align-items:center!important; gap:8px!important; padding:7px 8px!important; border-radius:7px!important; text-decoration:none!important; } .et-l--header .et-menu li.mega-mainmenu > ul.sub-menu, .et-l--header .et-menu li.menu-item-2743 > ul.sub-menu, .et-l--header .et-menu .et_pb_menu_page_id-2743 > ul.sub-menu, .et-l--header .et-menu li.menu-item-280086 > ul.sub-menu, .et-l--header .et-menu li.menu-item-279897 > ul.sub-menu, .et-l--header .et-menu li.menu-item-6795 > ul.sub-menu, .et-l--header .et-menu li.et_pb_menu_page_id-home > ul.sub-menu { display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; height:0!important; overflow:hidden!important; } .et-l--header .et-menu li.mega-mainmenu:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-2743:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-280086:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-279897:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-6795:hover > ul.sub-menu { display:none!important; opacity:0!important; visibility:hidden!important; } #qmm-p1 { width:980px!important; } #qmm-p2 { width:920px!important; } #qmm-p4 { width:820px!important; } #qmm-p5 { width:840px!important; } #qmm-p5 .qmm-inner { align-items:stretch!important; } #qmm-p5 .qmm-col { display:flex!important; flex-direction:column!important; gap:0!important; border-right:1px solid rgba(226,232,240,0.6); } #qmm-p5 .qmm-col:last-child { border-right:none!important; } .qmm-panel .qmm-branch-card, #qmm-container .qmm-branch-card { display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:0!important; padding:16px!important; border-radius:12px!important; text-decoration:none!important; transition:background 0.2s ease!important; flex:1!important; margin-top:4px!important; } .qmm-panel .qmm-branch-card:hover, #qmm-container .qmm-branch-card:hover { background:rgba(0,229,255,0.04)!important; } .qmm-panel .qmm-branch-card .qmm-branch-emoji, #qmm-container .qmm-branch-card .qmm-branch-emoji { font-size:28px!important; line-height:1!important; margin-bottom:10px!important; display:block!important; } .qmm-panel .qmm-branch-card strong, #qmm-container .qmm-branch-card strong { display:block!important; font-size:14px!important; font-weight:800!important; color:#0f172a!important; letter-spacing:-0.3px!important; line-height:1.3!important; margin-bottom:6px!important; } .qmm-panel .qmm-branch-card .qmm-branch-desc, #qmm-container .qmm-branch-card .qmm-branch-desc { font-size:12px!important; color:#64748b!important; line-height:1.55!important; display:block!important; margin-bottom:10px!important; flex:1!important; } .qmm-panel .qmm-branch-card .qmm-branch-cta, #qmm-container .qmm-branch-card .qmm-branch-cta { font-size:11px!important; font-weight:700!important; color:#00879e!important; display:inline-flex!important; align-items:center!important; gap:4px!important; text-decoration:none!important; transition:gap 0.2s ease!important; } .qmm-panel .qmm-branch-card:hover .qmm-branch-cta, #qmm-container .qmm-branch-card:hover .qmm-branch-cta { gap:7px!important; } .et-l--header .et-menu li.menu-item-280458 > ul.sub-menu, .et-l--header .et-menu li.menu-item-280457 > ul.sub-menu { display:none!important; visibility:hidden!important; opacity:0!important; height:0!important; overflow:hidden!important; pointer-events:none!important; } #qmm-container a, #qmm-container a:visited, #qmm-container a:link { color:inherit!important; text-decoration:none!important; } #qmm-container .qmm-reviews-headline { color:#ffffff!important; } #qmm-container .qmm-reviews-sub { color:rgba(255,255,255,0.55)!important; } #qmm-container .qmm-reviews-cta { font-weight:700!important; } #qmm-container .qmm-reviews-search { color:#94a3b8!important; } #qmm-container .qmm-reviews-item div strong { color:#0f172a!important; font-weight:700!important; font-size:12px!important; } #qmm-container .qmm-reviews-item div span { color:#94a3b8!important; font-size:10px!important; } #qmm-container .qmm-reviews-all { color:#2563eb!important; font-weight:700!important; } #qmm-container * { color:#1e293b; font-family:'Plus Jakarta Sans', Georgia, serif; } #qmm-container a, #qmm-container a:link, #qmm-container a:visited, #qmm-container a:hover { color:#1e293b!important; text-decoration:none!important; } #qmm-container .qmm-hero-badge { font-size:10px!important; font-weight:700!important; letter-spacing:1.5px!important; text-transform:uppercase!important; } #qmm-container .qmm-col-label { color:#94a3b8!important; font-size:10px!important; font-weight:700!important; letter-spacing:1.8px!important; text-transform:uppercase!important; } #qmm-container .qmm-module-item div strong { display:block!important; } #qmm-container .qmm-module-item div span { display:block!important; } #qmm-container .qmm-free-card strong { font-size:14px!important; font-weight:800!important; letter-spacing:-0.2px!important; } #qmm-container .qmm-free-card > span:not(.qmm-free-link) { font-size:12px!important; line-height:1.65!important; } #qmm-container .qmm-free-link { font-size:12px!important; font-weight:700!important; } #qmm-container .qmm-banner { background:#0f172a!important; } #qmm-container .qmm-banner * { color:rgba(255,255,255,0.85)!important; } #qmm-container .qmm-banner > span:not(.qmm-banner-pulse) { font-size:12.5px!important; } #qmm-container .qmm-banner > a { font-size:12px!important; font-weight:700!important; white-space:nowrap!important; } #qmm-container .qmm-banner-pulse { width:6px; height:6px; border-radius:50%; display:inline-block; flex-shrink:0; background:#00E5FF!important; animation:qmm-pulse 2s ease-in-out infinite!important; } #qmm-container .qmm-col-headline { font-size:17px!important; font-weight:800!important; } #qmm-container .qmm-col-sub { font-size:13px!important; line-height:1.6!important; } #qmm-container .qmm-all-link { font-weight:700!important; font-size:13px!important; } #qmm-container .qmm-branch-item div strong { font-size:13px!important; font-weight:700!important; display:block!important; } #qmm-container .qmm-branch-item:hover div strong { color:#00879e!important; } #qmm-container .qmm-branch-item div span { font-size:11px!important; display:block!important; } #qmm-container .qmm-col--enterprise *, #qmm-container .qmm-enterprise-card * { color:#ffffff!important; } #qmm-container .qmm-enterprise-badge { color:#A855F7!important; background:rgba(168,85,247,0.15)!important; border:1px solid rgba(168,85,247,0.3)!important; border-radius:100px!important; padding:3px 10px!important; font-size:9px!important; font-weight:700!important; letter-spacing:2px!important; display:inline-block!important; margin-bottom:10px!important; } #qmm-container .qmm-enterprise-title { font-size:15px!important; font-weight:800!important; } #qmm-container .qmm-enterprise-desc { font-size:12px!important; line-height:1.6!important; } #qmm-container .qmm-enterprise-btn { display:inline-flex!important; align-items:center!important; gap:8px!important; padding:10px 20px!important; background:rgba(168,85,247,0.15)!important; border:1px solid rgba(168,85,247,0.4)!important; border-radius:100px!important; font-size:12px!important; font-weight:700!important; transition:background 0.25s ease!important; } #qmm-container .qmm-enterprise-btn:hover { background:rgba(168,85,247,0.28)!important; color:#A855F7!important; } #qmm-container .qmm-enterprise-pulse { width:7px!important; height:7px!important; border-radius:50%!important; background:#A855F7!important; display:inline-block!important; flex-shrink:0!important; animation:qmm-pulse 2s ease-in-out infinite!important; } @keyframes qmm-pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.3; transform:scale(0.8); } } #qmm-container .qmm-enterprise-btn, #qmm-container .qmm-enterprise-btn * { color:#d8b4fe!important; } #qmm-container .qmm-enterprise-btn:hover, #qmm-container .qmm-enterprise-btn:hover * { color:#ffffff!important; } .et-l--header .et_pb_row_1_tb_header.et_pb_sticky, .et-l--header .et_pb_row_1_tb_header.et_pb_row--sticky, .et-l--header .et_pb_row_1_tb_header[style*="position: sticky"], .et-l--header .et_pb_row_1_tb_header[style*="position:sticky"], .et-l--header .et_pb_row_1_tb_header[style*="position: fixed"], .et-l--header .et_pb_row_1_tb_header[style*="position:fixed"] { background-color:#0a0a1a!important; box-shadow:0 2px 24px rgba(0,0,0,0.5)!important; z-index:9999!important; } .et-l--header .et_pb_section_1_tb_header { transition:background-color 0.35s ease!important; } html body .et-l--header #qmm-container .qmm-free-card strong, html body .et-l--header #qmm-container .qmm-module-item div strong, html body .et-l--header #qmm-container .qmm-col-headline, html body .et-l--header #qmm-container .qmm-branch-item div strong { color:#0f172a!important; } html body .et-l--header #qmm-container .qmm-free-card > span:not(.qmm-free-link), html body .et-l--header #qmm-container .qmm-module-item div span, html body .et-l--header #qmm-container .qmm-branch-item div span, html body .et-l--header #qmm-container .qmm-col-sub { color:#64748b!important; } html body .et-l--header #qmm-container .qmm-free-link, html body .et-l--header #qmm-container .qmm-all-link { color:#00879e!important; } html body .et-l--header #qmm-container .qmm-enterprise-btn { color:#d8b4fe!important; } html body .et-l--header #qmm-container .qmm-enterprise-title { color:#ffffff!important; } html body .et-l--header #qmm-container .qmm-enterprise-desc { color:rgba(255,255,255,0.6)!important; } html body .et-l--header #qmm-container .qmm-banner > span:not(.qmm-banner-pulse) { color:rgba(255,255,255,0.85)!important; } html body .et-l--header #qmm-container .qmm-banner > a { color:#00E5FF!important; } .et-l--header .et_pb_section_1_tb_header { background-color:#01012d!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; overflow:visible!important; position:relative!important; z-index:9999!important; } .et-l--header .et_pb_row_1_tb_header { background-color:rgba(1, 1, 45, 0.92)!important; backdrop-filter:blur(20px) saturate(180%)!important; -webkit-backdrop-filter:blur(20px) saturate(180%)!important; transition:background-color 0.35s ease, box-shadow 0.35s ease!important; } .et-l--header .et_pb_row_1_tb_header.et_pb_sticky, .et-l--header .et_pb_row_1_tb_header[style*="position: sticky"], .et-l--header .et_pb_row_1_tb_header[style*="position:sticky"] { background-color:rgba(10, 10, 26, 0.96)!important; box-shadow:0 2px 24px rgba(0,0,0,0.5)!important; } .et-l--header .et-menu li.mega-mainmenu > ul.sub-menu, .et-l--header .et-menu li.menu-item-2743 > ul.sub-menu, .et-l--header .et-menu li.menu-item-280086 > ul.sub-menu, .et-l--header .et-menu li.menu-item-279897 > ul.sub-menu, .et-l--header .et-menu li.menu-item-6795 > ul.sub-menu, .et-l--header .et-menu li.et_pb_menu_page_id-home > ul.sub-menu, .et-l--header .et-menu li.mega-mainmenu:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-2743:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-280086:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-279897:hover > ul.sub-menu, .et-l--header .et-menu li.menu-item-6795:hover > ul.sub-menu { display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; overflow:hidden!important; position:absolute!important; } html body .et-l--header .et-menu li.mega-mainmenu > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-2743 > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-280086 > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-279897 > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-6795 > ul.sub-menu, html body .et-l--header .et-menu li.mega-mainmenu:hover > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-2743:hover > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-280086:hover > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-279897:hover > ul.sub-menu, html body .et-l--header .et-menu li.menu-item-6795:hover > ul.sub-menu, html body .et-l--header .et_pb_menu_0_tb_header .nav li.mega-mainmenu > ul.sub-menu, html body .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-2743 > ul.sub-menu, html body .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-280086 > ul.sub-menu, html body .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-279897 > ul.sub-menu, html body .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-6795 > ul.sub-menu { display:none!important; visibility:hidden!important; opacity:0!important; height:0!important; overflow:hidden!important; pointer-events:none!important; max-height:0!important; } .qmm-panel .qmm-wrap, #qmm-container .qmm-wrap { background-clip:padding-box!important; position:relative!important; } .qmm-panel .qmm-wrap::before, #qmm-container .qmm-wrap::before { content:''!important; position:absolute!important; inset:-2px!important; border-radius:16px!important; background:linear-gradient(135deg, #00E5FF 0%, #A855F7 50%, #00E5FF 100%)!important; background-size:200% 200%!important; animation:qmm-border-spin 4s linear infinite!important; z-index:-1!important; pointer-events:none!important; } @keyframes qmm-border-spin { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } } #qmm-container { position:absolute!important; top:100%!important; left:0!important; right:0!important; z-index:99999!important; } .et-l--header .et_pb_row_1_tb_header { position:sticky!important; top:0!important; overflow:visible!important; z-index:9999!important; } #qmm-container .qmm-reviews-cta, .qmm-panel .qmm-reviews-cta { box-shadow:0 4px 16px rgba(0,229,255,0.35)!important; } #qmm-container .qmm-reviews-cta:hover, .qmm-panel .qmm-reviews-cta:hover { transform:translateY(-2px)!important; box-shadow:0 8px 24px rgba(0,229,255,0.5)!important; color:#050a12!important; } .et-l--header .et_pb_section_0_tb_header .et_pb_menu_0_tb_header, .et-l--header .et_pb_section_0_tb_header .et-menu > li > a { color:rgba(255,255,255,0.75)!important; font-size:12px!important; font-weight:500!important; text-transform:none!important; letter-spacing:0!important; } .et-l--header .et_pb_section_0_tb_header .et-menu > li > a:hover { color:#ffffff!important; opacity:1!important; } .et-l--header .et_pb_section_0_tb_header .et-menu li > ul.sub-menu { display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; background:#050a12!important; border-top:1px solid rgba(0,229,255,0.2)!important; } .qmm-panel .qmm-wrap, #qmm-container .qmm-wrap { box-shadow:0 24px 60px rgba(15,23,42,0.12), 0 8px 20px rgba(15,23,42,0.06)!important; animation:none!important; border:none!important; outline:none!important; } .qmm-panel { position:absolute!important; overflow:visible!important; background:transparent!important; padding:2px!important; border-radius:16px!important; } .qmm-panel::before { content:''!important; position:absolute!important; inset:0!important; border-radius:16px!important; padding:2px!important; background:linear-gradient(135deg, #00E5FF, #A855F7, #00E5FF)!important; background-size:200% 200%!important; animation:qmm-border-rotate 3s linear infinite!important; -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important; pointer-events:none!important; z-index:1!important; } @keyframes qmm-border-rotate { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } } .qmm-panel .qmm-wrap { z-index:2!important; background:#ffffff!important; } #qmm-container .qmm-produkte .qmm-inner, .qmm-panel .qmm-produkte .qmm-inner { align-items:stretch!important; } .qmm-panel .qmm-wrap, #qmm-container .qmm-wrap { border-radius:14px!important; overflow:hidden!important; } .qmm-panel .qmm-inner > .qmm-col:first-child, #qmm-container .qmm-inner > .qmm-col:first-child, .qmm-panel .qmm-inner > *:first-child, #qmm-container .qmm-inner > *:first-child { border-radius:14px 0 0 0!important; } .qmm-panel .qmm-inner > .qmm-col:last-child, #qmm-container .qmm-inner > .qmm-col:last-child, .qmm-panel .qmm-inner > *:last-child, #qmm-container .qmm-inner > *:last-child { border-radius:0 14px 0 0!important; } .et-l--header .et_pb_section_0_tb_header #menu-topmenue > li > a, .et-l--header #menu-topmenue > li > a { color:rgba(255,255,255,0.75)!important; font-size:12px!important; font-weight:400!important; text-transform:none!important; letter-spacing:0!important; padding:4px 8px!important; border:none!important; border-radius:0!important; } .et-l--header #menu-topmenue > li > a:hover { color:#ffffff!important; opacity:1!important; } .et-l--header .et_pb_section_1_tb_header #menu-hauptmenu-not-logged-in > li > a { color:#ffffff!important; font-size:14px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:0.5px!important; transition:color 0.2s ease!important; } .et-l--header .et_pb_section_1_tb_header #menu-hauptmenu-not-logged-in > li > a:hover { color:#00E5FF!important; opacity:1!important; } .et-l--header #menu-hauptmenu-not-logged-in > li.current-menu-item > a, .et-l--header #menu-hauptmenu-not-logged-in > li.current-menu-ancestor > a { color:#00E5FF!important; } .et-l--header #menu-hauptmenu-not-logged-in li.menu-item-279736 > a, .et-l--header #menu-hauptmenu-not-logged-in li.cta-item > a { border:1.5px solid #00E5FF!important; border-radius:999px!important; padding:6px 18px!important; color:#ffffff!important; } .et-l--header #menu-hauptmenu-not-logged-in li.menu-item-279736 > a:hover, .et-l--header #menu-hauptmenu-not-logged-in li.cta-item > a:hover { background:#00E5FF!important; color:#01012d!important; opacity:1!important; } #menu-hauptmenu-not-logged-in > li.mega-mainmenu > ul, #menu-hauptmenu-not-logged-in > li.menu-item-2743 > ul, #menu-hauptmenu-not-logged-in > li.menu-item-280086 > ul, #menu-hauptmenu-not-logged-in > li.menu-item-279897 > ul, #menu-hauptmenu-not-logged-in > li.menu-item-6795 > ul { display:none!important; visibility:hidden!important; opacity:0!important; height:0!important; pointer-events:none!important; } #menu-topmenue li > ul.sub-menu { display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; background:#050a12!important; border-top:1px solid rgba(0,229,255,0.2)!important; z-index:99999!important; } .et-l--header #menu-hauptmenu-not-logged-in { display:flex!important; align-items:center!important; height:100%!important; } .et-l--header #menu-hauptmenu-not-logged-in > li { display:flex!important; align-items:center!important; height:100%!important; } .et-l--header #menu-hauptmenu-not-logged-in > li > a { display:flex!important; align-items:center!important; height:100%!important; padding-top:0!important; padding-bottom:0!important; } .et-l--header #menu-hauptmenu-not-logged-in > li > a .et-menu-nav-icon, .et-l--header #menu-hauptmenu-not-logged-in > li > a::after, .et-l--header #menu-hauptmenu-not-logged-in .et-menu-nav-icon { display:inline-flex!important; align-items:center!important; vertical-align:middle!important; position:relative!important; top:0!important; transform:none!important; margin-top:0!important; } .qmm-panel .qmm-free .qmm-inner > .qmm-free-card:nth-child(3), #qmm-container .qmm-free .qmm-inner > .qmm-free-card:nth-child(3) { border-radius:0 0 0 14px!important; } @property --qmm-angle { syntax:''; inherits:true; initial-value:0deg; } @property --qmm-mx { syntax:''; inherits:true; initial-value:50%; } @property --qmm-my { syntax:''; inherits:true; initial-value:50%; } @supports (color: oklch(0 0 0)) { :root { --qmm-cyan:oklch(0.86 0.15 210); --qmm-cyan-2:oklch(0.78 0.16 230); --qmm-violet:oklch(0.65 0.24 305); --qmm-violet-2:oklch(0.55 0.25 295); --qmm-emerald:oklch(0.72 0.19 155); --qmm-ink:oklch(0.18 0.03 260); --qmm-ink-deep:oklch(0.10 0.05 275); --qmm-surface:oklch(0.99 0.005 240); --qmm-hairline:color-mix(in oklab, var(--qmm-cyan) 40%, transparent); --qmm-tint-cyan-08:color-mix(in oklab, var(--qmm-cyan) 8%, transparent); --qmm-tint-cyan-30:color-mix(in oklab, var(--qmm-cyan) 30%, transparent); --qmm-tint-violet-12:color-mix(in oklab, var(--qmm-violet) 12%, transparent); } } .qmm-panel .qmm-wrap { container-type:inline-size; container-name:qmm-panel; } @container qmm-panel (max-width: 720px) { .qmm-inner { grid-template-columns:1fr!important; } } .et-l--header .et_pb_menu_0_tb_header .et-menu > li:has(> ul.sub-menu:hover) > a, .et-l--header .et_pb_menu_0_tb_header .et-menu > li:hover > a { color:var(--qoon-cyan)!important; text-shadow:0 0 14px color-mix(in oklab, var(--qoon-cyan) 45%, transparent); } .et-l--header .et_pb_section_1_tb_header:has(.qmm-panel:hover) { box-shadow:0 8px 32px rgba(0,0,0,0.35)!important; } @keyframes qmm-angle-spin { to { --qmm-angle:360deg; } } @supports (transition-behavior: allow-discrete) { @starting-style { .qmm-panel { opacity:0; transform:translateY(-8px) scale(0.985); } } } @supports (view-transition-name: none) { .qmm-panel { view-transition-name:qmm-active-panel; } ::view-transition-old(qmm-active-panel), ::view-transition-new(qmm-active-panel) { animation-duration:260ms; animation-timing-function:var(--qoon-ease); } } @supports (backdrop-filter: blur(1px)) { .qmm-wrap { background:color-mix(in oklab, white 92%, transparent)!important; } } .qmm-panel:not(:hover):not(:focus-within) { content-visibility:auto; contain-intrinsic-size:480px 420px; } .qmm-wrap { padding-inline:0!important; } .qmm-col { padding-inline:max(20px, 1.4vw); padding-block:max(20px, 1.2vw); } .qmm-module-item:focus-visible, .qmm-free-card:focus-visible, .qmm-reviews-item:focus-visible, .et-l--header .et_pb_menu_0_tb_header .et-menu > li > a:focus-visible { outline:2px solid var(--qoon-cyan)!important; outline-offset:3px; border-radius:10px; box-shadow:0 0 0 6px color-mix(in oklab, var(--qoon-cyan) 18%, transparent), 0 8px 24px color-mix(in oklab, var(--qoon-cyan) 20%, transparent); } @media (prefers-contrast: more) { .qmm-wrap { background:#ffffff!important; } .qmm-module-item strong { color:#000!important; } .qmm-wrap::before { animation:none!important; background:#000!important; } } .qmm-module-item, .qmm-free-card { position:relative; isolation:isolate; } .qmm-module-item::before, .qmm-free-card::before { content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient( 260px circle at var(--qmm-mx, 50%) var(--qmm-my, 50%), color-mix(in oklab, var(--qoon-cyan) 18%, transparent), transparent 55%); opacity:0; transition:opacity 0.3s var(--qoon-ease); pointer-events:none; z-index:0; } .qmm-module-item:hover::before, .qmm-free-card:hover::before { opacity:1; } .qmm-module-item > *, .qmm-free-card > * { position:relative; z-index:1; } .qmm-wrap::after { content:''; position:absolute; inset:-20% -10% auto -10%; height:220px; background:radial-gradient(60% 100% at 20% 30%, color-mix(in oklab, var(--qoon-cyan) 14%, transparent), transparent 60%), radial-gradient(50% 80% at 80% 20%, color-mix(in oklab, var(--qoon-violet) 12%, transparent), transparent 65%); filter:blur(30px); pointer-events:none; z-index:0; opacity:0.9; animation:qmm-float 18s ease-in-out infinite alternate; } @keyframes qmm-float { from { transform:translate3d(-2%, -1%, 0) rotate(0deg); } to { transform:translate3d( 2%, 1%, 0) rotate(4deg); } } @media (prefers-reduced-motion: reduce) { .qmm-wrap::before, .qmm-wrap::after { animation:none!important; } } :root { --qmm-muted:#64748b; --qmm-link:#00879e; --qmm-tool-hairline:rgba(226, 232, 240, 0.8); } @supports (color: oklch(0 0 0)) { :root { --qmm-muted:color-mix(in oklab, var(--qmm-ink) 58%, var(--qmm-surface)); --qmm-link:var(--qmm-cyan); --qmm-tool-hairline:color-mix(in oklab, var(--qmm-ink) 12%, transparent); } } .et-l--header .et_pb_menu_0_tb_header .nav li.menu-item-279897 > ul.sub-menu { width:920px!important; min-width:920px!important; } #qmm-p3 { width:920px!important; } .qmm-panel .qmm-free--tools .qmm-inner, #qmm-container .qmm-free--tools .qmm-inner { grid-template-columns:repeat(12, 1fr)!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship, #qmm-container .qmm-free--tools .qmm-free-card--flagship { grid-column:span 4!important; padding:30px 26px 26px!important; border-right:1px solid var(--qmm-tool-hairline)!important; border-bottom:1px solid var(--qmm-tool-hairline)!important; border-radius:0!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship:nth-child(3), #qmm-container .qmm-free--tools .qmm-free-card--flagship:nth-child(3) { border-right:none!important; border-bottom:1px solid var(--qmm-tool-hairline)!important; } .qmm-panel .qmm-free--tools .qmm-free-icon--lg, #qmm-container .qmm-free--tools .qmm-free-icon--lg { width:54px!important; height:54px!important; border-radius:14px!important; } .qmm-panel .qmm-free--tools .qmm-free-card--utility, #qmm-container .qmm-free--tools .qmm-free-card--utility { grid-column:span 3!important; padding:20px 18px 22px!important; border-right:1px solid var(--qmm-tool-hairline)!important; border-bottom:none!important; } .qmm-panel .qmm-free--tools .qmm-free-card--utility:nth-child(7), #qmm-container .qmm-free--tools .qmm-free-card--utility:nth-child(7) { border-right:none!important; } .qmm-panel .qmm-free--tools .qmm-free-icon:not(.qmm-free-icon--lg), #qmm-container .qmm-free--tools .qmm-free-icon:not(.qmm-free-icon--lg) { width:42px!important; height:42px!important; border-radius:10px!important; } .qmm-panel .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(4), #qmm-container .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(4) { border-radius:0 0 0 14px!important; } .qmm-panel .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(5), #qmm-container .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(5), .qmm-panel .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(6), #qmm-container .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(6) { border-radius:0!important; } .qmm-panel .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(7), #qmm-container .qmm-free--tools .qmm-inner > .qmm-free-card:nth-child(7) { border-radius:0 0 14px 0!important; } html body .et-l--header #qmm-container .qmm-free--tools .qmm-free-card strong, .qmm-panel .qmm-free--tools .qmm-free-card strong { color:var(--qmm-ink, #0f172a)!important; } html body .et-l--header #qmm-container .qmm-free--tools .qmm-free-card > span:not(.qmm-free-link), .qmm-panel .qmm-free--tools .qmm-free-card > span:not(.qmm-free-link) { color:var(--qmm-muted, #64748b)!important; } html body .et-l--header #qmm-container .qmm-free--tools .qmm-free-link, .qmm-panel .qmm-free--tools .qmm-free-link { color:var(--qmm-link, #00879e)!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship, #qmm-container .qmm-free--tools .qmm-free-card--flagship { position:relative!important; overflow:hidden!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship .qmm-free-card-glow, #qmm-container .qmm-free--tools .qmm-free-card--flagship .qmm-free-card-glow { position:absolute!important; top:-48px!important; left:50%!important; transform:translateX(-50%)!important; width:240px!important; height:130px!important; border-radius:50%!important; filter:blur(52px)!important; opacity:0!important; transition:opacity .45s var(--qoon-ease)!important; pointer-events:none!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-card-glow, #qmm-container .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-card-glow { opacity:0.16!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship .qmm-free-icon, #qmm-container .qmm-free--tools .qmm-free-card--flagship .qmm-free-icon { transition:transform .4s var(--qoon-ease)!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-icon, #qmm-container .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-icon { transform:translateY(-2px) scale(1.05)!important; } @media (prefers-reduced-motion: reduce) { .qmm-panel .qmm-free--tools .qmm-free-card--flagship .qmm-free-card-glow, #qmm-container .qmm-free--tools .qmm-free-card--flagship .qmm-free-card-glow, .qmm-panel .qmm-free--tools .qmm-free-card--flagship .qmm-free-icon, #qmm-container .qmm-free--tools .qmm-free-card--flagship .qmm-free-icon { transition:none!important; } .qmm-panel .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-icon, #qmm-container .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-icon { transform:none!important; } } @supports (color: oklch(0 0 0)) { #qmm-container .qmm-panel .qmm-wrap, .et-l--header #qmm-container .qmm-panel .qmm-wrap { background:linear-gradient(135deg, color-mix(in oklab, var(--qmm-surface) 88%, var(--qmm-cyan) 8%) 0%, color-mix(in oklab, var(--qmm-surface) 86%, var(--qmm-violet) 8%) 100%)!important; border:1px solid color-mix(in oklab, var(--qmm-cyan) 34%, transparent)!important; box-shadow:0 30px 90px color-mix(in oklab, var(--qmm-ink-deep) 24%, transparent), 0 0 0 1px color-mix(in oklab, var(--qmm-surface) 68%, transparent) inset, 0 0 44px color-mix(in oklab, var(--qmm-cyan) 10%, transparent)!important; backdrop-filter:blur(30px) saturate(170%)!important; } #qmm-container .qmm-panel .qmm-wrap::before, .et-l--header #qmm-container .qmm-panel .qmm-wrap::before { content:""!important; position:absolute!important; inset:0!important; padding:1.5px!important; height:auto!important; border-radius:inherit!important; background:conic-gradient(from var(--qmm-angle), var(--qmm-cyan) 0deg, var(--qmm-violet) 120deg, var(--qmm-cyan-2) 240deg, var(--qmm-cyan) 360deg)!important; -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important; animation:qmm-angle-spin 12s linear infinite!important; pointer-events:none!important; z-index:3!important; } #qmm-container .qmm-panel .qmm-wrap::after, .et-l--header #qmm-container .qmm-panel .qmm-wrap::after { content:""!important; position:absolute!important; inset:-18% -8% auto -8%!important; height:260px!important; background:radial-gradient(55% 85% at 20% 18%, color-mix(in oklab, var(--qmm-cyan) 20%, transparent), transparent 66%), radial-gradient(50% 80% at 82% 12%, color-mix(in oklab, var(--qmm-violet) 18%, transparent), transparent 70%)!important; filter:blur(34px)!important; opacity:1!important; animation:qmm-float 18s ease-in-out infinite alternate!important; pointer-events:none!important; z-index:0!important; } #qmm-container .qmm-panel .qmm-inner, #qmm-container .qmm-panel .qmm-banner { position:relative!important; z-index:1!important; } #qmm-container .qmm-panel .qmm-free-card, #qmm-container .qmm-panel .qmm-module-item, #qmm-container .qmm-panel .qmm-branch-item { background:color-mix(in oklab, var(--qmm-surface) 82%, transparent)!important; transition:transform .32s var(--qoon-ease), background .32s var(--qoon-ease), box-shadow .32s var(--qoon-ease), border-color .32s var(--qoon-ease)!important; } #qmm-container .qmm-panel .qmm-free-card:hover, #qmm-container .qmm-panel .qmm-module-item:hover, #qmm-container .qmm-panel .qmm-branch-item:hover { transform:translateY(-2px)!important; background:color-mix(in oklab, var(--qmm-surface) 74%, var(--qmm-cyan) 8%)!important; box-shadow:0 18px 34px color-mix(in oklab, var(--qmm-ink-deep) 14%, transparent), 0 0 0 1px color-mix(in oklab, var(--qmm-cyan) 16%, transparent) inset!important; } #qmm-container .qmm-panel .qmm-module-item::before, #qmm-container .qmm-panel .qmm-free-card::before { background:radial-gradient( 320px circle at var(--qmm-mx, 50%) var(--qmm-my, 50%), color-mix(in oklab, var(--qmm-cyan) 30%, transparent), transparent 62%)!important; z-index:0!important; } #qmm-container .qmm-panel .qmm-module-item:hover::before, #qmm-container .qmm-panel .qmm-free-card:hover::before { opacity:1!important; } #qmm-container .qmm-free--tools .qmm-free-card--flagship .qmm-free-card-glow { opacity:.08!important; } #qmm-container .qmm-free--tools .qmm-free-card--flagship:hover .qmm-free-card-glow { opacity:.26!important; } } /* ══════════════════════════════════════════════════════════════════════ PRODUKTE: 50/50-Split QOON Workspace | Ultimate CRM Addon Selektoren tragen bewusst #qmm-container bzw. doppelte Klassen: die bestehenden Regeln (#qmm-container .qmm-col, .qmm-module-item, ...) haben !important und eine ID, reine Klassen-Selektoren wuerden dort verlieren. Textfarben sind Literale. NICHT var(--qmm-link) verwenden: das Token zeigt in Browsern mit oklch-Unterstuetzung auf Cyan (#00EBFF, 1,4:1 auf Hellgrau). ══════════════════════════════════════════════════════════════════════ */ #qmm-container .qmm-produkte .qmm-col.qmm-prod-col, .qmm-panel .qmm-produkte .qmm-col.qmm-prod-col { display:flex!important; flex-direction:column!important; gap:16px!important; padding:24px 26px!important; } #qmm-container .qmm-produkte .qmm-prod-col + .qmm-prod-col, .qmm-panel .qmm-produkte .qmm-prod-col + .qmm-prod-col { background:rgba(248,250,252,0.4)!important; } #qmm-container .qmm-prod-header { display:flex!important; flex-direction:column!important; gap:6px!important; position:relative!important; padding:16px 18px!important; border-radius:12px!important; background:#f8fafc!important; border:1px solid rgba(226,232,240,0.8)!important; transition:background .25s var(--qoon-ease), border-color .25s var(--qoon-ease), box-shadow .25s var(--qoon-ease)!important; } #qmm-container .qmm-prod-header:hover { background:#ffffff!important; border-color:rgba(0,229,255,0.4)!important; box-shadow:0 8px 20px rgba(0,229,255,0.08)!important; } #qmm-container .qmm-prod-header:has(a.qmm-prod-link:focus-visible) { box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #00768a!important; } #qmm-container .qmm-prod-header-top { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } #qmm-container .qmm-prod-header .qmm-hero-badge { color:#00768a!important; } #qmm-container .qmm-prod-header .qmm-hero-badge.qmm-hero-badge--violet { color:#7c3aed!important; } #qmm-container .qmm-prod-title { margin:0!important; font-size:15px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:-0.2px!important; color:#0f172a!important; } #qmm-container .qmm-prod-desc { margin:0!important; font-size:12px!important; line-height:1.45!important; color:#64748b!important; } /* Ganze Header-Card klickbar (wie bisher die Hero-Card): der Link spannt sich per ::after auf. Selektor a.qmm-prod-link in der Header-Card: die globale Anker-Regel fuer #qmm-container a:link, :visited und :hover setzt color:#1e293b mit !important und hat die Spezifitaet (1,1,1). */ #qmm-container .qmm-prod-header a.qmm-prod-link { display:inline-flex!important; align-items:center!important; gap:4px!important; margin:0!important; font-size:11.5px!important; font-weight:700!important; color:#00768a!important; text-decoration:none!important; white-space:nowrap!important; transition:gap .2s ease, color .2s ease!important; } #qmm-container .qmm-prod-header a.qmm-prod-link::after { content:""; position:absolute; inset:0; z-index:2; border-radius:12px; } #qmm-container .qmm-prod-header:hover a.qmm-prod-link, #qmm-container .qmm-prod-header a.qmm-prod-link:focus-visible { color:#0f172a!important; gap:7px!important; } #qmm-container .qmm-prod-header a.qmm-prod-link:focus-visible { outline:2px solid #00768a!important; outline-offset:3px; } #qmm-container .qmm-prod-col .qmm-col-label { margin:4px 0 0!important; } #qmm-container .qmm-prod-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:4px 6px!important; } #qmm-container .qmm-prod-col .qmm-module-item { gap:8px!important; padding:8px 10px!important; border-radius:8px!important; } #qmm-container .qmm-prod-col .qmm-module-item div strong { font-size:12px!important; font-weight:700!important; line-height:1.25!important; } #qmm-container .qmm-prod-col .qmm-module-item div span { font-size:10.5px!important; line-height:1.35!important; } #qmm-container .qmm-prod-col .qmm-module-icon { width:30px!important; height:30px!important; border-radius:7px!important; } #qmm-container .qmm-prod-col .qmm-module-icon svg { width:15px!important; height:15px!important; } /* Puls: animiert nur transform und opacity (kein Repaint). Bei reduzierter Bewegung aus; "html" vorn, damit die Regel die Animationsdeklarationen (1,1,0) sicher uebertrifft. */ @media (prefers-reduced-motion: reduce) { html #qmm-container .qmm-banner-pulse, html #qmm-container .qmm-enterprise-pulse { animation:none!important; } } /* Verified Divi structure: topbar section_0; main section_1; logo column_3; menu_1 in column_4. */ #qmm-container .qmm-panel[hidden]{display:none!important} #qmm-container .qmm-panel{max-width:calc(100vw - 20px)} .et-l--header #menu-hauptmenu-not-logged-in .qmm-has-panel>ul.sub-menu{display:none!important} @media (max-width:980px), (min-width:981px) and (max-width:1400px) and (hover:none) and (pointer:coarse){ .et-l--header .et_pb_section_0_tb_header{display:none!important} .et-l--header .et_pb_section_1_tb_header{padding:0!important;min-height:0!important;height:auto!important;background:#01012f!important;overflow:visible!important} .et-l--header .et_pb_row_1_tb_header{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:calc(100% - 32px)!important;max-width:none!important;min-height:72px!important;height:auto!important;margin:0 auto!important;padding:0!important;position:relative!important;top:auto!important;transform:none!important} .et-l--header .et_pb_row_1_tb_header>.et_pb_column{display:flex!important;align-items:center!important;flex:0 1 auto!important;flex-basis:auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;height:auto!important} .et-l--header .et_pb_row_1_tb_header>.et_pb_column_4_tb_header{position:static!important;justify-content:flex-end!important;flex:0 0 auto!important;flex-basis:auto!important;width:auto!important;max-width:none!important;margin-inline-start:auto!important;margin-left:auto!important;margin-right:0!important} .et-l--header .et_pb_image_0_tb_header{margin:0!important;padding:0!important;line-height:0} .et-l--header .et_pb_image_0_tb_header img{width:auto!important;height:auto!important;max-width:150px!important;max-height:38px!important;object-fit:contain} .et-l--header .et_pb_menu_1_tb_header{margin:0 0 0 auto!important;padding:0!important;flex:0 0 auto!important;flex-basis:auto!important;width:auto!important;max-width:none!important;align-self:center!important;background:transparent!important} .et-l--header .et_pb_menu_1_tb_header .et_pb_menu_inner_container,.et-l--header .et_pb_menu_1_tb_header .et_pb_menu__wrap{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;min-height:0!important;padding:0!important;margin:0!important} .et-l--header .et_pb_menu_1_tb_header,.et-l--header .et_pb_menu_1_tb_header .et_pb_menu_inner_container,.et-l--header .et_pb_menu_1_tb_header .et_pb_menu__wrap,.et-l--header .et_pb_menu_1_tb_header .et_mobile_nav_menu,.et-l--header .et_pb_menu_1_tb_header .mobile_nav{position:static!important} .et-l--header .et_pb_menu_1_tb_header .et_mobile_nav_menu,.et-l--header .et_pb_menu_1_tb_header .mobile_nav{margin:0!important;padding:0!important;background:transparent!important} .et-l--header .et_pb_menu_1_tb_header .et_pb_menu__search-button{width:44px!important;height:44px!important;margin:0!important;padding:0!important;color:#d8e4f3!important;background:transparent!important} .et-l--header .et_pb_menu_1_tb_header .mobile_menu_bar{display:grid!important;place-items:center!important;position:relative!important;width:44px!important;height:44px!important;padding:0!important;background:transparent!important;border:1px solid rgba(0,229,255,.3);border-radius:8px;cursor:pointer;box-sizing:border-box} .et-l--header .et_pb_menu_1_tb_header .mobile_menu_bar:before{content:""!important;display:block!important;position:static!important;width:22px!important;height:2px!important;line-height:0!important;font-size:0!important;background:#00e5ff!important;box-shadow:0 -6px #00e5ff,0 6px #00e5ff;transform:none} .et-l--header .et_pb_menu_1_tb_header .mobile_menu_bar:after{display:none!important} .et-l--header .et_pb_menu_1_tb_header .mobile_nav.opened .mobile_menu_bar:before{box-shadow:none;transform:rotate(45deg)} .et-l--header .et_pb_menu_1_tb_header .mobile_nav.opened .mobile_menu_bar:after{content:""!important;display:block!important;position:absolute!important;left:10px!important;top:20px!important;width:22px!important;height:2px!important;background:#00e5ff!important;transform:rotate(-45deg)} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu{position:absolute!important;top:100%!important;left:-16px!important;right:-16px!important;width:calc(100% + 32px)!important;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 22px!important;margin:0!important;background:#01012f!important;border:0!important;border-top:1px solid rgba(0,229,255,.24)!important;border-image:none!important;box-shadow:0 20px 28px rgba(0,0,0,.25);box-sizing:border-box} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu li{position:relative} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu li a{display:block!important;padding:14px 48px 14px 12px!important;min-height:44px;font-size:15px!important;line-height:1.4!important;color:#eaf2fc!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-transform:none!important;box-sizing:border-box} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu li a:hover{background:rgba(0,229,255,.07)!important;color:#00e5ff!important} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu ul[hidden]{display:none!important} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu ul:not([hidden]){display:block!important;padding-left:12px!important;background:rgba(255,255,255,.025)} .et-l--header .qmm-mobile-expand{position:absolute;right:0;top:3px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:7px;color:#00e5ff;background:transparent;font:24px/1 sans-serif;cursor:pointer} .et-l--header .qmm-mobile-utility-first{margin-top:14px!important;padding-top:12px!important;border-top:1px solid rgba(0,229,255,.25)} .et-l--header .et_pb_menu_1_tb_header .et_mobile_menu .qmm-mobile-utility a{font-size:13px!important;color:#b3c5da!important} .et-l--header .mobile_menu_bar:focus-visible,.et-l--header .qmm-mobile-expand:focus-visible{outline:2px solid #00e5ff;outline-offset:3px} } /* Touch tablets (also landscape): hamburger instead of the desktop navigation, as Divi itself does below 981px. The mobile presentation above reaches them through the media list; keep the width in sync with "tablet" in menu.js. */ @media (min-width:981px) and (max-width:1400px) and (hover:none) and (pointer:coarse){ .et-l--header .et_pb_menu_1_tb_header .et_pb_menu__menu{display:none!important} .et-l--header .et_pb_menu_1_tb_header .et_mobile_nav_menu{display:block!important} } /* Desktop disclosure arrows: CSS-drawn, independent of the Divi icon font. */ .qmm-nav-chevron{display:none} @media(min-width:981px){ html body .et-l--header #menu-hauptmenu-not-logged-in>li.qmm-has-panel>a::after, .et-l--header .et_pb_menu_1_tb_header .et-menu>li.qmm-has-panel>a::after{content:none!important;display:none!important} html body .et-l--header #menu-hauptmenu-not-logged-in>li.qmm-has-panel>a .et-menu-nav-icon, .et-l--header .et_pb_menu_1_tb_header .et-menu>li.qmm-has-panel>a .et-menu-nav-icon{display:none!important} .et-l--header .et_pb_menu_1_tb_header .et-menu>li.qmm-has-panel>a .qmm-nav-chevron{display:inline-block!important;position:relative!important;top:-2px!important;width:6px;height:6px;flex:0 0 6px;margin-inline-start:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;background:none!important;transform:rotate(45deg)!important;pointer-events:none} }