#hmn2-draft :is(.hm60-hero,.hm60-header),#hmn2-draft :is(.hm60-hero,.hm60-header) *{font-family:"Plus Jakarta Sans",Arial,sans-serif!important} #hmn2-draft .hm60-hero{border-radius:32px} #hmn2-draft .hm60-hero::before,#hmn2-draft .hm60-hero::after{content:none!important} #hmn2-draft .hm60-header .hmn2-brand{width:160px;height:40px} #hmn2-draft .hm60-header .hmn2-brand .hmn2-logo{width:160px} #hmn2-draft.hmn8-scrolled .hm60-header .hmn2-brand{width:40px} #hmn2-draft .hm60-header .hm36-nav-symbol{width:40px;height:40px} #hmn2-draft .hm60-header .hmn2-navlink{font-size:15px} @media(max-width:767px){#hmn2-draft .hm60-hero{border-radius:24px} #hmn2-draft .hm60-header .hmn2-brand{width:40px} #hmn2-draft .hm60-header:has(.hmn8-mobile-menu[open]) .hmn2-brand{width:160px} #hmn2-draft .hm60-header .hmn2-brand .hmn2-logo{width:160px} #hmn2-draft .hm60-header .hmn8-mobile-link{font-size:15px;line-height:22px;font-weight:500}} /*62: original layout and controls; supplied font and background assets only.*/ @font-face{font-family:"Plus Jakarta Sans";src:url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/fonts/6aec1ffd7b1a88ec8078ffed-PlusJakartaSans-Variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:block} html body,#hmn2-draft{background-color:#FBFAF7!important;background-image:none!important} #hmn2-draft,#hmn2-draft *{font-family:"Plus Jakarta Sans",Arial,sans-serif!important} #hmn2-draft{--hmn-blue:#4C6DDD;--hmn-ink:#171719;--hmn-paper:#FBFAF7;--hm37-accent:#4C6DDD;--hm37-ink:#171719;--hm37-lead:#5A6374} #hmn2-draft :has(>.hm61-surface-navy),#hmn2-draft :has(>.hm61-surface-dark-glow){--hm37-accent:#98C1E7;--hm37-ink:#F7F8FC;--hm37-lead:#B8C7D8} #hmn2-draft :has(>.hm61-surface-paper),#hmn2-draft :has(>.hm61-surface-ice),#hmn2-draft :has(>.hm61-surface-warm){--hm37-accent:#4C6DDD;--hm37-ink:#171719;--hm37-lead:#5A6374} #hmn2-draft .hmn2-hero::before,#hmn2-draft .hmn2-hero::after,#hmn2-draft .hmn2-finale::before,#hmn2-draft .hmn2-finale::after,#hmn2-draft .hmn2-possibilities::before,#hmn2-draft .hms21-slide::before,#hmn2-draft .hmp29-backdrop::before,#hmn2-draft .hmp29-scene::before{content:none!important} #hmn2-draft .hm61-surface-ice{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#FBFAF7!important;background-image:url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ad51a3e090c224ef69_hyperama-grain-alpha13-web.webp"), linear-gradient(120deg,#98C1E7 0%,#FBFAF7 60%,#F0BD9C 100%)!important;background-size:1024px 1024px, 100% 100%!important;background-repeat:repeat, no-repeat!important;} #hmn2-draft .hm61-surface-warm{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#FBFAF7!important;background-image:url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ad51a3e090c224ef69_hyperama-grain-alpha13-web.webp"), linear-gradient(110deg,#FBFAF7 0%,#F7E7DD 70%,#F0BD9C 100%)!important;background-size:1024px 1024px, 100% 100%!important;background-repeat:repeat, no-repeat!important;} #hmn2-draft .hm61-surface-paper{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#FBFAF7!important;background-image:none!important;background-size:auto!important;background-repeat:no-repeat!important;} #hmn2-draft .hm61-surface-navy{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#18214A!important;background-image:url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ad51a3e090c224ef69_hyperama-grain-alpha13-web.webp"), linear-gradient(#18214A,#18214A)!important;background-size:1024px 1024px, 100% 100%!important;background-repeat:repeat, no-repeat!important;} #hmn2-draft .hm61-surface-blue{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#18214A!important;background-image:url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ad51a3e090c224ef69_hyperama-grain-alpha13-web.webp"), linear-gradient(115deg,#18214A 0%,#4C6DDD 44%,#6250DF 70%,#F0BD9C 100%)!important;background-size:1024px 1024px, 100% 100%!important;background-repeat:repeat, no-repeat!important;} #hmn2-draft .hm61-surface-night{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#18214A!important;background-image:url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ad51a3e090c224ef69_hyperama-grain-alpha13-web.webp"), linear-gradient(125deg,#18214A 0%,#18214A 50%,#4C6DDD 80%,#F0BD9C 100%)!important;background-size:1024px 1024px, 100% 100%!important;background-repeat:repeat, no-repeat!important;} #hmn2-draft .hm61-surface-dark-glow{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-color:#18214A!important;background-image:linear-gradient(rgba(24,33,74,.55),rgba(24,33,74,.55)),url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6aec37c9b813508e7e2c574e_HM-Glow-Links-Dunkel-MIT-GRAIN.svg")!important;background-size:100% 100%, cover!important;background-repeat:no-repeat, no-repeat!important;background-position:50% 50%, 50% 50%!important;} @media(max-width:767px){#hmn2-draft :is(h1,h2,h3,p){overflow-wrap:break-word;hyphens:auto}} @media(prefers-reduced-motion:reduce){#hmn2-draft [class*=hm61-surface-]{animation:none!important;transform:none!important}} /*63: deliberate background rhythm only. Existing type/layout/control rules remain intact.*/ #hmn2-draft .hm63-surface-soft-glow{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-repeat:no-repeat, no-repeat!important;background-size:100% 100%, cover!important;background-color:#FBFAF7!important;background-position:50% 50%, 50% 50%!important;background-image:linear-gradient(rgba(251,250,247,.78),rgba(251,250,247,.78)),url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ade5cb701e140cee6b_hyperama-soft-glow-web.webp")!important;} #hmn2-draft .hm63-surface-cool-volume{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-repeat:no-repeat, no-repeat!important;background-size:100% 100%, cover!important;background-color:#18214A!important;background-position:50% 50%, 50% 50%!important;background-image:linear-gradient(rgba(24,33,74,.74),rgba(24,33,74,.74)),url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8adc819f7200f5794bb_hyperama-cool-volume-web.webp")!important;} #hmn2-draft .hm63-surface-clear-right{position:absolute!important;top:0px!important;right:0px!important;bottom:0px!important;left:0px!important;z-index:-1!important;pointer-events:none!important;border-top-left-radius:inherit!important;border-top-right-radius:inherit!important;border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important;background-repeat:no-repeat, no-repeat!important;background-size:100% 100%, cover!important;background-color:#142043!important;background-position:50% 50%, 0% 50%!important;background-image:linear-gradient(90deg,rgba(24,33,74,.88) 0%,rgba(24,33,74,.88) 44%,rgba(24,33,74,.20) 70%,rgba(24,33,74,.12) 100%),url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1e8ae3a8ba2ff6ad176f4_hyperama-clear-right-web.webp")!important;} #hmn2-draft .hmn2-possibilities::after{content:none!important} #hmn2-draft :has(>.hm63-surface-soft-glow){--hm37-accent:#4C6DDD;--hm37-ink:#171719;--hm37-lead:#5A6374} #hmn2-draft :has(>.hm63-surface-cool-volume),#hmn2-draft :has(>.hm63-surface-clear-right){--hm37-accent:#98C1E7;--hm37-ink:#F7F8FC;--hm37-lead:#E6EAF3} /* Only the surrounding copy changes tone on the two newly dark application sections. Product imagery and PowerPoint UI stay untouched. */ #hmn2-draft :is(#kampagnenbilder,#praesentationen) :is(.hmp41-kicker,.hmp41-output-title,.hmp41-link){color:#F7F8FC!important} #hmn2-draft :is(#kampagnenbilder,#praesentationen) :is(.hmp41-output-copy,.hmp41-details,.hmp41-details li,.hmp41-caption){color:#E6EAF3!important} #hmn2-draft .hm55-model-visual:has(>.hm63-surface-cool-volume) :is(.hm50-name,.hm50-note,.hm50-group-left,.hm50-group-right,.hm55-visual-top-dark,.hm55-visual-note-dark){color:#E6EAF3!important} @media(prefers-reduced-motion:reduce){#hmn2-draft [class*=hm63-surface-]{animation:none!important;transform:none!important}} #hmn2-draft :is(h1,h2,h3,h4,h5,h6),#hmn2-draft :is(h1,h2,h3,h4,h5,h6) *{font-weight:600!important} #hmn2-draft .hm24-slide-title{hyphens:auto;overflow-wrap:break-word} /*65: explicit homepage corrections. Shared header follows the preserved home geometry.*/ #hmn2-draft .hm36-budget{color:#18214A!important} #hmn2-draft .hmn2-contact,#hmn2-draft .hmn2-hero .hm60-cta{background-color:#171719!important;color:#fff!important} #hmn2-draft .hm60-hero{background-color:#FBFAF7!important;background-image:none!important;isolation:isolate} #hmn2-draft .hm60-backdrop{inset:-1px!important;transform:scale(1.003);border-radius:inherit} #hmn2-draft #hmn2-prinzip .hm31-platform-panel{background:none!important;border-radius:0!important;box-shadow:none!important;overflow:clip!important} #hmn2-draft #hmn2-prinzip .hm31-platform-panel>.hm63-surface-soft-glow{display:none!important} #hmn2-draft .hm65-footer-link:hover{text-decoration:underline;text-underline-offset:4px} #hmn2-draft .hm65-contact-title{hyphens:none!important} @media(min-width:992px){#hmn2-draft #hmn2-prinzip .hm31-device{width:calc(100% + 80px)!important;margin-left:-40px!important}} #hmn2-draft .hm65-button:hover{background-color:#303033} #hmn2-draft .hm65-button:focus-visible,#hmn2-draft .hm65-footer-link:focus-visible{outline:2px solid #4C6DDD;outline-offset:5px} /*66: consistent accessible accents, unconnected original-model field and review icons.*/ #hmn2-draft{--hm66-heading-accent:#4C6DDD} #hmn2-draft :is(.hmp29-scene,.hm55-model-visual):not(.hmp29-overview),#hmn2-draft :has(>.hm61-surface-navy),#hmn2-draft :has(>.hm61-surface-dark-glow),#hmn2-draft :has(>.hm61-surface-blue),#hmn2-draft :has(>.hm61-surface-night),#hmn2-draft :has(>.hm63-surface-cool-volume),#hmn2-draft :has(>.hm63-surface-clear-right){--hm66-heading-accent:#98C1E7} #hmn2-draft .hmp29-overview{--hm66-heading-accent:#4C6DDD} #hmn2-draft :is(h1,h2,h3,h4,h5,h6).hmp40-blue{color:var(--hm66-heading-accent)!important} #hmn2-draft .hm66-rules-intro,#hmn2-draft .hm66-rule-title{hyphens:none!important} #hmn2-draft :is(h1,h2,h3,h4,h5,h6) :is(.hm36-budget,.hm32-products,.hm31-market,.hm31-channel,.hm31-budget,.hm24-blue,.hm24-deep-blue,.hm24-lilac,.hm24-mint,.hm24-purple,.hmp26-title-accent,.hmp26-board-accent,.hmp29-mint,.hmp29-lilac,.hmp29-blue,.hmp29-ink-blue,.hmp21-accent,.hmp41-accent,.hms21-accent,.hms21-pink,.hms21-orange,.hms21-purple,.hms21-teal,.hms21-cyan){color:var(--hm66-heading-accent)!important} #hmn2-draft #hm55-modelle .hm66-model-field{height:360px} #hmn2-draft .hm66-model-field .hm66-orbiter{animation:hm66-float 6s ease-in-out infinite;animation-play-state:paused;will-change:transform} #hmn2-draft .hm66-model-field .hm66-orbiter-b{animation-duration:6.8s;animation-delay:-2s} #hmn2-draft .hm66-model-field .hm66-orbiter-c{animation-duration:6.4s;animation-delay:-4s} #hmn2-draft .hm66-model-field .hm66-orbiter-d{animation-duration:7.2s;animation-delay:-1s} #hmn2-draft .hm66-model-field[data-hm66-active="true"] .hm66-orbiter{animation-play-state:running} @keyframes hm66-float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}} #hmn2-draft #hmp18-pruefung .hmp18-name,#hmn2-draft #hmp18-pruefung .hmp21-symbol{color:#4C6DDD!important} #hmn2-draft #hmp18-pruefung .hmp21-card{background:#FFFFFF!important;border-color:rgba(24,33,74,.12)!important;box-shadow:none!important} #hmn2-draft #hmp18-pruefung .hmp18-note{background:rgba(152,193,231,.14)!important;color:#5A6374!important} #hmn2-draft #hmp18-pruefung .hmp21-ref-front{animation:hm66-reference 4.5s ease-in-out infinite;animation-play-state:paused} #hmn2-draft #hmp18-pruefung .hmp21-trace-dot{animation:hm66-trace 3.6s ease-in-out infinite;animation-play-state:paused} #hmn2-draft #hmp18-pruefung .hmp21-trace-mid{animation-delay:-2.4s} #hmn2-draft #hmp18-pruefung .hmp21-trace-end{animation-delay:-1.2s} #hmn2-draft #hmp18-pruefung .hmp21-person-head{animation:hm66-person 4.8s ease-in-out infinite;animation-play-state:paused} #hmn2-draft #hmp18-pruefung .hmp21-card[data-hm66-active="true"] :is(.hmp21-ref-front,.hmp21-trace-dot,.hmp21-person-head){animation-play-state:running} @keyframes hm66-reference{0%,100%{transform:translate(0px,0px)}50%{transform:translate(4px,-4px)}} @keyframes hm66-trace{0%,65%,100%{opacity:.4;transform:scale(.88)}25%{opacity:1;transform:scale(1.06)}} @keyframes hm66-person{0%,100%{transform:translateY(0px)}50%{transform:translateY(-3px)}} #hmn2-draft #hmp41-regelwerk .hmp41-step-number{color:#4C6DDD!important} @media(prefers-reduced-motion:reduce){#hmn2-draft .hm66-orbiter,#hmn2-draft #hmp18-pruefung :is(.hmp21-ref-front,.hmp21-trace-dot,.hmp21-person-head){animation:none!important;will-change:auto!important}} .hmn2-page .hmn2-system .hmn2-heading{white-space:pre-line} .hmn2-page .hmn2-system .hmn2-layers{max-width:1180px;isolation:isolate} .hmn2-page .hmn2-system .hmn2-layer-row{position:relative;display:block;width:calc(100% - 80px);margin:0 auto;padding:17px 24px 21px;box-sizing:border-box;border:1px solid rgba(219,225,238,.7);border-radius:24px;background:rgba(255,255,255,.8);box-shadow:0 7px 0 -2px rgba(220,226,239,.65),0 14px 34px rgba(32,47,89,.06)} .hmn2-page .hmn2-system .hmn2-layer-row>.hmn2-layer-label{display:block;margin-bottom:12px;text-align:center;font-size:13px;line-height:1.3;letter-spacing:.1px;color:#687188} .hmn2-page .hmn2-system .hmn2-models,.hmn2-page .hmn2-system .hmn2-layer-row:last-child>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center} .hmn2-page .hmn2-system .hmn2-model{display:block;min-width:0;text-align:center;margin:0;padding:12px 8px;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.5px;border:0;border-radius:14px;background:#f4f6fb;box-shadow:none;transform:none} .hmn2-page .hmn2-system .hmn2-model:after{display:none} .hmn2-page .hmn2-system .hmn2-layer-row:last-child p{margin:0;padding:12px 8px;min-width:0;text-align:center;font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.3px;color:#34415d;border-radius:14px;background:#f4f6fb} .hmn2-page .hmn2-system .hmn2-center{position:relative;display:block;width:100%;padding:36px 40px 32px;box-sizing:border-box;border:1px solid rgba(255,255,255,.8);border-radius:30px;overflow:hidden;box-shadow:0 9px 0 -4px rgba(120,151,211,.20),0 22px 52px rgba(34,60,122,.12)} .hmn2-page .hmn2-system .hmn2-center:before{background:linear-gradient(115deg,#d3e9f6 0%,#c6d7f0 46%,#dce6ed 100%)} .hmn2-page .hmn2-system .hmn2-center:after{opacity:.37} .hmn2-page .hmn2-system .hmn2-center>div:first-child{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:36px} .hmn2-page .hmn2-system .hmn2-center>div:first-child>.hmn2-layer-label{display:none} .hmn2-page .hmn9-layer-logo{display:block;width:195px;max-width:100%;height:auto} .hmn2-page .hmn2-system .hmn2-center-title{margin:0;font-size:39px;font-weight:500;letter-spacing:-1.7px;line-height:1.12;white-space:pre-line} .hmn2-page .hmn2-system .hmn2-center-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px} .hmn2-page .hmn2-system .hmn2-point{margin:0;padding:0 0 0 22px;border-left:1px solid rgba(44,75,145,.18);white-space:pre-line;font-size:15px;line-height:1.65;letter-spacing:-.2px;color:#44516b} .hmn2-page .hmn2-system .hmn2-point:first-child{padding-left:0;border-left:0} .hmn2-page .hmn2-system .hmn2-point:first-line{font-size:20px;font-weight:500;line-height:1.9;color:#1b2440;letter-spacing:-.5px} .hmn2-page .hmn2-system .hmn2-flow{display:block;position:relative;height:52px;width:calc(100% - 128px);margin:0 auto;overflow:hidden} .hmn2-page .hmn2-system .hmn2-flow-line{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;left:0;background:linear-gradient(rgba(0,0,255,.17),rgba(0,0,255,.17)) 16.666% 0/1px 100% no-repeat,linear-gradient(rgba(0,0,255,.17),rgba(0,0,255,.17)) 50% 0/1px 100% no-repeat,linear-gradient(rgba(0,0,255,.17),rgba(0,0,255,.17)) 83.333% 0/1px 100% no-repeat;transform-origin:50% 0} .hmn2-page .hmn2-system .hmn2-center+.hmn2-flow .hmn2-flow-line{transform-origin:50% 100%} .hmn2-page .hmn2-system .hmn2-flow-line:after{content:"";position:absolute;left:0;top:0;width:100%;height:8px;border-radius:0;background:radial-gradient(circle at 16.666% 50%,#0000ff 0 2.5px,transparent 3px),radial-gradient(circle at 50% 50%,#0000ff 0 2.5px,transparent 3px),radial-gradient(circle at 83.333% 50%,#0000ff 0 2.5px,transparent 3px);animation:hmn9-connect-in 3.8s ease-in-out infinite;opacity:.7} .hmn2-page .hmn2-system .hmn2-center+.hmn2-flow .hmn2-flow-line:after{animation-direction:reverse;animation-delay:-1.1s} .hmn2-page .hmn2-system.hmn9-layers-ready .hmn2-flow-line{transform:scaleY(var(--hmn9-connect,1));opacity:var(--hmn9-connect,1)} .hmn2-page.hmn2-paused .hmn2-system .hmn2-flow-line:after{animation-play-state:paused} @keyframes hmn9-connect-in{0%{transform:translateY(-8px);opacity:0}18%{opacity:.7}82%{opacity:.7}100%{transform:translateY(52px);opacity:0}} @media(max-width:991px){.hmn2-page .hmn2-system .hmn2-center{padding:30px}.hmn2-page .hmn2-system .hmn2-center>div:first-child{grid-template-columns:170px 1fr;gap:24px}.hmn2-page .hmn9-layer-logo{width:160px}.hmn2-page .hmn2-system .hmn2-center-title{font-size:32px;letter-spacing:-1.2px}.hmn2-page .hmn2-system .hmn2-center-points{gap:16px}.hmn2-page .hmn2-system .hmn2-point{padding-left:16px;font-size:14px}.hmn2-page .hmn2-system .hmn2-point:first-line{font-size:17px}.hmn2-page .hmn2-system .hmn2-layer-row{width:calc(100% - 40px)}.hmn2-page .hmn2-system .hmn2-flow{width:calc(100% - 88px)}.hmn2-page .hmn2-system .hmn2-layer-row:last-child p{font-size:14px}.hmn2-page .hmn2-system .hmn2-model{font-size:17px}} @media(max-width:767px){ .hmn2-page .hmn2-system .hmn2-layers{width:calc(100% - 32px)} .hmn2-page .hmn2-system .hmn2-layer-row{width:calc(100% - 20px);padding:15px 12px 16px;border-radius:21px} .hmn2-page .hmn2-system .hmn2-layer-row>.hmn2-layer-label{margin-bottom:10px;font-size:12px} .hmn2-page .hmn2-system .hmn2-models{gap:6px} .hmn2-page .hmn2-system .hmn2-model{padding:10px 2px;font-size:12.5px;letter-spacing:-.35px;border-radius:10px} .hmn2-page .hmn2-system .hmn2-layer-row:last-child>div:last-child{display:flex;flex-wrap:wrap;justify-content:center;gap:7px} .hmn2-page .hmn2-system .hmn2-layer-row:last-child p{padding:9px 10px;font-size:12px;letter-spacing:-.2px;border-radius:10px} .hmn2-page .hmn2-system .hmn2-center{padding:27px 23px 26px;border-radius:25px} .hmn2-page .hmn2-system .hmn2-center>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:24px} .hmn2-page .hmn9-layer-logo{width:150px} .hmn2-page .hmn2-system .hmn2-center-title{font-size:29px;letter-spacing:-1.1px} .hmn2-page .hmn2-system .hmn2-center-points{display:grid;grid-template-columns:1fr;gap:16px;margin-top:25px} .hmn2-page .hmn2-system .hmn2-point,.hmn2-page .hmn2-system .hmn2-point:first-child{padding:15px 0 0;border-left:0;border-top:1px solid rgba(44,75,145,.16);font-size:14px;line-height:1.55} .hmn2-page .hmn2-system .hmn2-point:first-line{font-size:18px;line-height:1.85} .hmn2-page .hmn2-system .hmn2-flow{height:42px;width:calc(100% - 44px)} } @media(prefers-reduced-motion:reduce){.hmn2-page .hmn2-system .hmn2-flow-line:after{animation:none;top:50%;opacity:.6}.hmn2-page .hmn2-system.hmn9-layers-ready .hmn2-flow-line{transform:none;opacity:1}} .hm31-safety .hm31-kicker{color:#bbc5d8} [data-hmd10] .hmn4-section-head{max-width:1100px} [data-hmd10] .hmn4-block-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);gap:12px 44px;align-items:start} [data-hmd10] .hmn4-block{grid-column:1;min-height:0;padding:22px 24px;background:transparent;border:1px solid transparent;border-radius:18px;box-shadow:none;cursor:pointer;transition:background .3s,box-shadow .3s,translate .3s} [data-hmd10] .hmn4-block>*:not(.hmn4-micro):not(.hmn4-block-title):not(.hmn4-copy){display:none} [data-hmd10] .hmn4-block[aria-pressed=true]{background:#fff;border-color:#e2e7f5;box-shadow:0 8px 28px #2035610a} [data-hmd10] .hmn4-block-title{font-size:26px;line-height:1.17;margin:10px 0 12px;letter-spacing:-.035em} [data-hmd10] .hmn4-block .hmn4-copy{font-size:16px;line-height:1.5;margin:0} [data-hmd10] .hmn4-micro{font-size:11px;color:#727b8e} [data-hmd10] .hmn4-block:focus-visible{outline:2px solid #0000ff;outline-offset:3px} [data-hmd10] .hmd10-panel{grid-column:2;grid-row:1/span 4;position:sticky;top:118px;min-width:0;padding:12px;border-radius:26px;background:#fff;box-shadow:0 22px 55px #2e427c16,0 2px 6px #1422470a} [data-hmd10] .hmd10-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f2f3ee;border-radius:17px} [data-hmd10] .hmd10-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 4px 6px} [data-hmd10] .hmd10-status{flex:1 1 200px;font-size:13px;color:#5f687b;margin:0} [data-hmd10] .hmd10-control{appearance:none;border:0;border-radius:99px;padding:9px 13px;background:#f0f2f7;color:#171719;font:inherit;font-size:12px;cursor:pointer} [data-hmd10] .hmd10-control p{font:inherit;font-size:inherit;line-height:1.2;margin:0;white-space:nowrap} [data-hmd10] .hmd10-control:focus-visible,[data-hmd10] .hmd10-tour:focus-visible{outline:2px solid #0000ff;outline-offset:3px} [data-hmd10] .hmd10-tour{font-size:12px;color:#171719;text-decoration:none;padding:8px 4px} [data-hmd10] .hmd10-tour:hover{color:#0000ff} [data-hmd10] .hmd10-caption{font-size:11px;line-height:1.5;color:#858b97;margin:10px 4px 2px} [data-hmd10] .hmd10-video:fullscreen{width:100vw;height:100vh;border-radius:0;background:#111} @media(max-width:991px){[data-hmd10] .hmn4-block-grid{grid-template-columns:1fr 1fr;gap:14px}[data-hmd10] .hmd10-panel{grid-column:1/-1;grid-row:1;position:relative;top:auto;margin-bottom:10px}[data-hmd10] .hmn4-block{grid-column:auto;padding:20px}[data-hmd10] .hmn4-block-title{font-size:24px}} @media(max-width:767px){[data-hmd10] .hmd10-panel{padding:8px;border-radius:20px}[data-hmd10] .hmd10-video{border-radius:13px}[data-hmd10] .hmn4-block{padding:16px 14px}[data-hmd10] .hmn4-block-title{font-size:19px;margin-bottom:0}[data-hmd10] .hmn4-block .hmn4-copy{display:none}[data-hmd10] .hmn4-micro{font-size:10px}[data-hmd10] .hmd10-status{flex-basis:100%}[data-hmd10] .hmd10-tools{padding:12px 2px 2px}[data-hmd10] .hmd10-control{padding:10px 12px}[data-hmd10] .hmd10-tour{padding:6px 0}} @media(prefers-reduced-motion:reduce){[data-hmd10] .hmn4-block{transition:none;translate:none!important}} [data-hmd10] .hmn4-block.hmn5-wait{opacity:1;transform:none} [data-hmd10] .hmd10-panel[data-large=true]{position:fixed;inset:5vh 4vw;z-index:20000;display:flex;flex-direction:column;justify-content:center;max-width:none;box-shadow:0 0 0 100vmax #111827cc;overflow:auto} [data-hmd10] .hmd10-panel[data-large=true] .hmd10-video{height:auto;width:100%;max-height:calc(80vh - 100px);background:#111} [data-hmd10] .hmn4-block:nth-child(4) .hmn4-block-title{color:#171719}[data-hmd10] .hmn4-block:nth-child(4) .hmn4-copy{color:#626a78}[data-hmd10] .hmn4-block:nth-child(4) .hmn4-micro{color:#727b8e} @media(min-width:992px){[data-hmd10] .hmn4-block-grid:after{content:"";grid-column:1;grid-row:5;height:160px}[data-hmd10] .hmd10-panel{grid-row:1/span 5}} .hm13-layer-point{margin-top:0;margin-bottom:0;padding-left:22px;border-left-width:1px;border-left-style:solid;border-left-color:#c5cede;white-space:pre-line;font-size:15px;line-height:1.65;color:#44516b;letter-spacing:-.2px}.hm13-feedback{max-width:740px;margin-top:26px;margin-right:auto;margin-bottom:0;margin-left:auto;padding-left:24px;padding-right:24px;text-align:center;font-size:16px;line-height:1.6;color:#646b7c}@media(max-width:991px){.hm13-section{padding-left:36px;padding-right:36px;padding-top:64px;padding-bottom:64px}.hm13-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm13-title{font-size:40px}.hm13-card{padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px}}@media(max-width:767px){.hm13-section{padding-left:24px;padding-right:24px;padding-top:58px;padding-bottom:58px}.hm13-grid{grid-template-columns:1fr;row-gap:16px}.hm13-title{font-size:34px;letter-spacing:-1.1px}.hm13-lead{font-size:17px}.hm13-name{font-size:22px}.hm13-note{padding-left:20px;padding-right:20px}.hm13-layer-point{padding-top:15px;padding-left:0;border-left-width:0;border-top-width:1px;border-top-style:solid;border-top-color:#c5cede;font-size:14px}.hm13-feedback{font-size:14px}}#hmn2-draft .hmn2-system .hmn2-center-points{grid-template-columns:repeat(2,minmax(0,1fr))}#hmn2-draft .hm13-layer-point:first-line{font-size:20px;font-weight:500;line-height:1.9;color:#1b2440;letter-spacing:-.5px}#hmn2-draft .hmn2-system .hmn2-point:nth-child(odd){padding-left:0;border-left:0}#hmn2-draft [id^="hm13-"]{scroll-margin-top:108px}@media(max-width:991px){#hmn2-draft .hmn2-header .hmn2-navigation{gap:18px}#hmn2-draft .hmn2-navlink{font-size:14px}}@media(max-width:767px){#hmn2-draft .hmn2-system .hmn2-center-points{grid-template-columns:1fr}#hmn2-draft .hm13-layer-point:first-line{font-size:18px;line-height:1.85}#hmn2-draft [id^="hm13-"]{scroll-margin-top:90px}} /* 24: readable model capabilities and explicit return path */ #hmn2-draft .hm24-speech:before{content:"···";position:absolute;inset:-6px 0 0;font-size:26px;letter-spacing:2px;line-height:26px} #hmn2-draft .hm24-speech:after{content:"";position:absolute;left:5px;bottom:-6px;width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skewY(-35deg);background:#fff} #hmn2-draft .hm24-image:before{content:"";position:absolute;width:15px;height:15px;left:5px;bottom:1px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)} #hmn2-draft .hm24-image:after{content:"";position:absolute;right:5px;top:4px;width:4px;height:4px;border:1.5px solid currentColor;border-radius:50%} #hmn2-draft .hm24-middle-label{align-self:center} #hmn2-draft .hmn2-flow:has(.hm24-exchange){width:100%;overflow:visible} #hmn2-draft .hm24-exchange{position:relative;z-index:1} #hmn2-draft .hm24-down,#hmn2-draft .hm24-up{padding:7px 12px;border-radius:20px;background:#f2f3ef} @media(max-width:991px){#hmn2-draft .hm24-label{font-size:17px}.hm24-capabilities{column-gap:16px}.hm24-exchange{column-gap:36px}} @media(max-width:767px){#hmn2-draft .hm24-label{font-size:13px;line-height:1.3;letter-spacing:-.3px;overflow-wrap:anywhere}#hmn2-draft .hm24-capabilities{column-gap:8px;padding-top:12px;padding-bottom:8px}#hmn2-draft .hm24-capability{row-gap:10px}#hmn2-draft .hm24-middle-label{font-size:12px;margin-bottom:0}#hmn2-draft .hm24-exchange{column-gap:8px}#hmn2-draft .hm24-down,#hmn2-draft .hm24-up{font-size:11px;padding:5px 8px}} /* 24: four process compositions */ .hm24-gallery .hm24-rail{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} .hm24-gallery .hm24-rail::-webkit-scrollbar{display:none} .hm24-gallery .hm24-tab{background:transparent;border:0} .hm24-gallery .hm24-tab[aria-pressed=true]{background:#202127;color:#fff} .hm24-gallery .hm24-arrow[aria-disabled=true]{opacity:.3;cursor:default} .hm24-gallery .hm24-tab:focus-visible,.hm24-gallery .hm24-arrow:focus-visible,.hm24-gallery .hm24-play:focus-visible,.hm24-gallery .hm24-enlarge:focus-visible,.hm24-gallery .hm24-close:focus-visible,.hm24-gallery .hm24-rail:focus-visible{outline:2px solid #5267f5;outline-offset:3px} .hm24-gallery .hm24-tab,.hm24-gallery .hm24-arrow,.hm24-gallery .hm24-play,.hm24-gallery .hm24-enlarge{transition:background .25s,color .25s,opacity .25s} .hm24-gallery .hm24-monitor .hm24-screen{left:9.375%;top:6.9336%;width:81.25%;height:66.0156%} .hm24-gallery .hm24-screen{cursor:zoom-in} .hm24-gallery .hm24-close{background:transparent;border:0;padding:6px 9px;border-radius:12px} .hm24-gallery .hm24-dialog[hidden]{display:none} .hm24-gallery .hm24-dialog{isolation:isolate} .hm24-gallery .hm24-dialog-panel{box-shadow:0 24px 90px #0006} @media(min-width:1440px){.hm24-gallery .hm24-device{right:-30px}.hm24-gallery .hm24-monitor{right:0px}} @media(max-width:991px){ .hm24-gallery{width:calc(100% + 72px);margin-left:-36px;margin-right:-36px} .hm24-gallery .hm24-rail{padding-left:36px;padding-right:36px;scroll-padding-left:36px;gap:20px} .hm24-gallery .hm24-slide{width:calc(100vw - 96px);height:700px;padding:38px 36px;border-radius:28px} .hm24-gallery .hm24-slide-title{font-size:49px;letter-spacing:-1.8px} .hm24-gallery .hm24-slide-head{display:block;height:auto;max-width:none} .hm24-gallery .hm24-device{width:800px;right:-60px;top:260px;transform:none} .hm24-gallery .hm24-monitor{width:720px;right:-2px;top:270px} .hm24-gallery .hm24-type-scene,.hm24-gallery .hm24-review-scene{height:540px} .hm24-gallery .hm24-type-title{font-size:66px} .hm24-gallery .hm24-review-title{font-size:53px} .hm24-gallery .hm24-type-copy{font-size:19px} .hm24-gallery .hm24-controls{padding-left:36px;padding-right:36px;gap:18px} .hm24-gallery .hm24-tab{padding:11px 14px} .hm24-gallery .hm24-count{display:none} } @media(max-width:767px){ .hm24-gallery{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px} .hm24-gallery .hm24-rail{padding-left:24px;padding-right:24px;scroll-padding-left:24px;gap:16px} .hm24-gallery .hm24-slide{width:calc(100vw - 48px);height:650px;padding:28px 26px;border-radius:26px} .hm24-gallery .hm24-slide-title{font-size:36px;line-height:1.08;letter-spacing:-1.2px} .hm24-gallery .hm24-kicker{font-size:12px;margin-bottom:24px} .hm24-gallery .hm24-slide-copy{font-size:17px;line-height:1.5} .hm24-gallery .hm24-device{width:calc(100% + 150px);left:-75px;right:auto;top:290px;transform:none} .hm24-gallery .hm24-monitor{width:calc(100% + 48px);left:-24px;right:auto;top:315px} .hm24-gallery .hm24-type-scene{height:490px} .hm24-gallery .hm24-type-title{font-size:45px;letter-spacing:-1.7px;margin-bottom:28px} .hm24-gallery .hm24-type-copy{font-size:18px;margin-bottom:42px} .hm24-gallery .hm24-model-line{font-size:16px;gap:10px} .hm24-gallery .hm24-plus{font-size:20px} .hm24-gallery .hm24-review-scene{height:510px} .hm24-gallery .hm24-review-title{font-size:40px;line-height:1.13;letter-spacing:-1.4px} .hm24-gallery .hm24-review-copy{font-size:17px} .hm24-gallery .hm24-review-check{font-size:130px;right:0;bottom:-18px} .hm24-gallery .hm24-play{left:18px;bottom:22px;padding:10px 12px;font-size:11px} .hm24-gallery .hm24-enlarge{right:18px;bottom:22px;padding:10px 12px;font-size:11px} .hm24-gallery .hm24-controls{padding:8px 24px 0;flex-direction:column;align-items:center;gap:16px} .hm24-gallery .hm24-tabs{max-width:100%} .hm24-gallery .hm24-tab{font-size:12px;padding:11px 12px} .hm24-gallery .hm24-arrow{width:36px;height:36px} .hm24-gallery .hm24-count{display:block} .hm24-gallery .hm24-dialog{padding:12px} .hm24-gallery .hm24-dialog-panel{border-radius:16px} } @media(prefers-reduced-motion:reduce){.hm24-gallery .hm24-tab,.hm24-gallery .hm24-arrow,.hm24-gallery .hm24-play,.hm24-gallery .hm24-enlarge{transition:none}.hm24-gallery .hm24-rail{scroll-behavior:auto}} @media(max-width:380px){.hm24-gallery .hm24-library-slide .hm24-slide-title{font-size:28px;letter-spacing:-1px}.hm24-gallery .hm24-play{bottom:64px}.hm24-gallery .hm24-enlarge{left:18px;right:auto;bottom:22px}.hm24-gallery .hm24-controls{min-width:0}.hm24-gallery .hm24-tabs{width:100%}} @media(max-width:380px){#hmn2-draft .hmn2-usecases{grid-template-columns:minmax(0,1fr);min-width:0}#hmn2-draft .hmn2-usecase{width:100%;min-width:0;max-width:100%;overflow:hidden}#hmn2-draft .hmn2-usecase-title{hyphens:auto;overflow-wrap:anywhere}} @media(min-width:992px) and (max-width:1199px){.hm24-gallery .hm24-slide{height:720px;padding-left:40px;padding-right:40px}.hm24-gallery .hm24-slide-head{display:block;height:auto;max-width:none}.hm24-gallery .hm24-device{width:760px;top:285px;right:-30px;transform:none}.hm24-gallery .hm24-monitor{width:690px;top:295px;right:-10px}.hm24-gallery .hm24-slide-copy{max-width:none}} @media(min-width:992px){.hm24-gallery .hm24-slide-title{hyphens:none;overflow-wrap:normal}.hm24-gallery .hm24-slide-head{gap:0}.hm24-gallery .hm24-slide-title{margin-bottom:24px}} @media(min-width:1200px){.hm24-gallery .hm24-slide-copy{max-width:350px}} /* 28: editorial breathing room; existing type sizes and motion are retained. */ #hmn2-draft .hm13-section,#hmn2-draft .hmr17-section,#hmn2-draft .hmp18-section,#hmn2-draft .hms21-section{padding-top:128px;padding-bottom:128px} #hmn2-draft .hmn2-system,#hmn2-draft .hmh23-intro{padding-top:144px;padding-bottom:144px} #hmn2-draft .hmn2-foundation{padding-top:128px;padding-bottom:128px} #hmn2-draft .hmh23-head{margin-bottom:88px} #hmn2-draft .hmh23-system-head{margin-bottom:96px} #hmn2-draft .hms21-head{margin-bottom:88px} @media(max-width:991px){ #hmn2-draft .hm13-section,#hmn2-draft .hmr17-section,#hmn2-draft .hmp18-section,#hmn2-draft .hms21-section,#hmn2-draft .hmn2-system,#hmn2-draft .hmn2-foundation,#hmn2-draft .hmh23-intro{padding-top:104px;padding-bottom:104px} #hmn2-draft .hmh23-head,#hmn2-draft .hmh23-system-head,#hmn2-draft .hms21-head{margin-bottom:72px} } @media(max-width:767px){ #hmn2-draft .hm13-section,#hmn2-draft .hmr17-section,#hmn2-draft .hmp18-section,#hmn2-draft .hms21-section,#hmn2-draft .hmn2-system,#hmn2-draft .hmn2-foundation,#hmn2-draft .hmh23-intro{padding-top:88px;padding-bottom:88px} #hmn2-draft .hmh23-head,#hmn2-draft .hmh23-system-head,#hmn2-draft .hms21-head{margin-bottom:56px} } /* 31: scoped homepage teaser presentation; native copy remains editable. */ .hmn2-page .hmn2-header .hmn2-contact{border-radius:16px} .hmn2-page .hmn8-mobile-link:last-child{border-radius:16px} .hm31-button:hover{background:#30313a}.hm31-button:focus-visible,.hm31-safety-link:focus-visible{outline:3px solid #626bff;outline-offset:5px} @media(min-width:1600px){.hm31-device{width:920px;margin-left:-30px}.hm31-platform-title{font-size:72px}} @media(max-width:1199px){.hm31-platform-panel{padding:48px;min-height:570px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hm31-platform-title{font-size:58px}.hm31-device{width:760px;margin-left:-50px}.hm31-safety-panel{padding:64px 56px;gap:48px;grid-template-columns:160px minmax(0,1fr)}} @media(max-width:991px){.hm31-platform{padding:40px 36px 104px}.hm31-platform-panel{padding:48px 40px;grid-template-columns:1fr;gap:28px;min-height:0}.hm31-platform-copy{max-width:560px}.hm31-platform-title{font-size:60px}.hm31-platform-lead{max-width:480px}.hm31-device{width:100%;margin:0 auto}.hm31-platform-art{width:calc(100% + 80px);margin-left:-40px;margin-bottom:-58px}.hm31-problem-title{font-size:68px;letter-spacing:-2.7px}.hm31-safety{padding:104px 36px}.hm31-safety-panel{padding:60px 40px;grid-template-columns:120px minmax(0,1fr);gap:40px}.hm31-lock{transform:scale(.8);transform-origin:50% 50%;margin-left:-12px}.hm31-safety-title{font-size:44px}.hm31-safety-lead{font-size:20px}} @media(max-width:767px){.hm31-platform{padding:24px 24px 88px;scroll-margin-top:92px}.hm31-platform-panel{padding:36px 28px 28px;border-radius:24px;gap:28px}.hm31-kicker{font-size:13px;margin-bottom:20px}.hm31-platform-title{font-size:44px;letter-spacing:-1.7px;margin-bottom:24px}.hm31-platform-lead{font-size:18px;margin-bottom:28px}.hm31-button{font-size:15px;padding:14px 18px}.hm31-platform-art{width:calc(100% + 88px);margin-left:-44px;margin-bottom:-25px}.hm31-device{width:100%;margin:0}.hm31-problem-title{font-size:48px;line-height:1.1;letter-spacing:-1.8px;margin-bottom:28px}.hm31-safety{padding:88px 24px;scroll-margin-top:92px}.hm31-safety-panel{padding:42px 28px;border-radius:24px;grid-template-columns:1fr;gap:30px}.hm31-lock{transform:scale(.72);height:155px;margin:-12px auto -12px}.hm31-safety-title{font-size:40px;letter-spacing:-1.5px}.hm31-safety-lead{font-size:18px;line-height:1.5}.hm31-safety-link{font-size:16px}} @media(max-width:380px){.hm31-platform-panel{padding:32px 24px 24px}.hm31-platform-title{font-size:40px}.hm31-problem-title{font-size:44px;letter-spacing:-1.7px}.hm31-safety-panel{padding:36px 24px}.hm31-safety-title{font-size:36px}} @media(prefers-reduced-motion:reduce){.hm31-market,.hm31-channel,.hm31-budget{opacity:1!important;transform:none!important}.hm31-shackle{transform:none!important}} /* Hyperama CD v2.1 – Rollen für die vier Entwurfsseiten. */ #hmn2-draft { --hm-cd-navy: #18214a; --hm-cd-blue: #4c6ddd; --hm-cd-secondary: #5a6374; --hm-cd-secondary-dark: #b8c7d8; --hm-cd-surface-radius: 32px; --hm-cd-card-radius: 16px; --hm-cd-lead-size: clamp(1.25rem, 1.203571rem + .190476vw, 1.375rem); --hm-cd-lead-line: clamp(1.875rem, 1.828571rem + .190476vw, 2rem); } @media (max-width: 767px) { #hmn2-draft { --hm-cd-surface-radius: 24px; } } #hmn2-draft :is( .hmn2-lead, .hm38-problem-copy, .hm54-copy, .hm55-copy-dark, .hm31-platform-lead, .hm38-lead, .hmh23-lead, #hm69-etiketten .hm69-body, .hmp26-caption-copy, .hmp29-lead, .hmp41-lead, .hmp41-output-copy, .hmp42-output-copy, .hm69-lead, .hm38-security-copy, .hm36-safety-copy ) { font-size: var(--hm-cd-lead-size) !important; line-height: var(--hm-cd-lead-line) !important; font-weight: 400 !important; } #hmn2-draft :is( .hmh23-kicker, .hmh23-lead, .hm38-problem-copy, .hm38-lead, .hm38-kicker, .hm38-client-label, .hm38-security-copy, .hm38-copy, .hm54-kicker, .hm54-copy, .hm55-visual-note-light, .hm31-kicker, .hm31-platform-lead, .hmn2-copy, .hmn3-tag, .hmp15-caption, .hm69-kicker, .hm69-center-kicker, .hm69-body, .hm69-lead, .hm69-state, .hm69-note, .hm69-step-copy, .hm24-slide-copy, .hm14-hint, .hm14-label, .hm13-name, .hm13-copy, .hm13-note, .hmq19-label, .hmq19-copy, .hmq19-sheet-label, .hmp26-kicker, .hmp26-caption-copy, .hmp29-light-kicker, .hmp29-light-lead, .hmp40-layer-number, .hmp40-layer-text, .hmp41-kicker, .hmp41-lead, .hmp41-step-text, .hmp41-output-copy, .hmp41-caption, .hmp42-output-kicker, .hmp42-board-caption, .hmp18-copy, .hm57-module-copy, .hmp45-product-note, .hmp45-market-label, .hm49-ui-caption, .hmr17-copy ) { color: var(--hm-cd-secondary) !important; } #hmn2-draft :is( .hm55-kicker-dark, .hm55-copy-dark, .hmq19-label-light, .hm24-review-copy, .hm36-safety-copy, .hm50-note, .hmp29-kicker:not(.hmp29-light-kicker), .hmp29-lead:not(.hmp29-light-lead), .hmp29-copy, .hmp29-footnote, #kampagnenbilder .hmp41-output-copy, #praesentationen .hmp41-output-copy ) { color: var(--hm-cd-secondary-dark) !important; } #hmn2-draft :is(.hmq19-display, .hmq19-aa, .hmq19-step) { color: var(--hm-cd-blue) !important; } #hmn2-draft :is( .hmp26-jump, .hmp41-step-number, .hm57-module-number, .hm38-small-kicker, .hm38-status ) { color: var(--hm-cd-navy) !important; } #hmn2-draft .hm24-gallery :is(.hm24-play, .hm24-enlarge):focus-visible { outline-color: var(--hm-cd-blue) !important; } #hmn2-draft .hm24-gallery .hm24-play { color: var(--hm-cd-navy) !important; border-color: var(--hm-cd-blue) !important; } #hmn2-draft :is( .hm65-button, .hm54-link, .hm31-button, .hmp42-output-link, .hms21-slide:not(.hms21-training, .hms21-providers) .hms21-more ) { background-color: var(--hm-cd-navy) !important; color: #fff !important; } #hmn2-draft :is( .hm65-button, .hm54-link, .hm31-button, .hmp42-output-link, .hms21-slide:not(.hms21-training, .hms21-providers) .hms21-more ):hover { background-color: #171719 !important; } #hmn2-draft :is( .hm54-link, .hm55-link-light, .hm31-button, .hmp42-output-link, .hm36-safety-link, .hm69-link, .hmp26-jump, .hm24-play, .hm24-enlarge, .hmp29-video-play, .hms21-more ) { font-weight: 600 !important; } #hmn2-draft :is( .hmn2-hero, .hm60-backdrop, .hmn2-hero > .hm63-surface-soft-glow, .hmn2-possibilities, .hmn2-possibilities > .hm61-surface-navy, .hm54-content, .hm54-visual, .hm55-model-visual, .hm55-security-visual, :is(.hm54-content, .hm54-visual, .hm55-model-visual, .hm55-security-visual) > :is(.hm61-surface-warm, .hm61-surface-ice, .hm61-surface-navy, .hm61-surface-paper, .hm63-surface-cool-volume), .hm36-safety-panel, .hm36-safety-panel > .hm63-surface-cool-volume, .hm65-contact-band, .hm24-slide, .hms21-slide, .hm66-rules, .hm69-rule-panel, .hm69-scope, .hmp42-output-box, .hmp42-output-box > .hm63-surface-soft-glow ) { border-radius: var(--hm-cd-surface-radius) !important; } #hmn2-draft :is( .hmn2-usecase, .hm69-compare, .hm66-rule-card, .hmq19-review, .hmq19-model, .hmq19-product, .hmq19-brand, .hmq19-trace, .hmq19-europe, :is(.hmq19-review, .hmq19-product, .hmq19-europe) > :is(.hm61-surface-ice, .hm61-surface-navy, .hm61-surface-paper), .hm13-note, .hmp18-note ) { border-radius: var(--hm-cd-card-radius) !important; } /* Small labels stay legible and the Play control carries Blue as an outline. */ @media (max-width: 767px) { #hmn2-draft .hmq19-trace-art .hmq19-step { color: var(--hm-cd-navy) !important; } } #hmn2-draft #hmr17-ablauf .hm24-gallery .hm24-play:not(:focus-visible) { outline: 1px solid var(--hm-cd-blue); outline-offset: -1px; } html #hmn2-draft :is(#kampagnenbilder, #praesentationen) .hmp41-output-copy { color: var(--hm-cd-secondary-dark) !important; } #hmn2-draft :is(.hmn2-brand,.hm65-footer-brand) { color:#18214a; } html #hmn2-draft :is(.hmn2-contact,.hmn2-hero .hm60-cta,.hmn8-mobile-link[href^="https://calendly.com/"],.hm65-button,.hm54-link,.hm55-link-light,.hm31-button,.hmp42-output-link,.hms21-slide .hms21-more,.hm36-safety-link,.hm69-link,.hmp26-jump,.hmn2-hero .hmn2-textlink,.hmp41-link[href$="#hmn2-kontakt"]) { background:#18214a!important; color:#fff!important; font-weight:600!important; } html #hmn2-draft :is(.hm36-safety-link,.hm69-link,.hmp26-jump,.hmn2-hero .hmn2-textlink:not(.hm60-cta),.hmp41-link[href$="#hmn2-kontakt"]) { display:inline-flex; align-items:center; width:fit-content; max-width:100%; padding:11px 16px; border-radius:16px; line-height:1.4; text-decoration:none; } html #hmn2-draft :is(.hm55-link-light,.hm36-safety-link,.hmp41-link[href$="#hmn2-kontakt"],.hms21-training .hms21-more,.hms21-providers .hms21-more) { box-shadow:inset 0 0 0 1px #98c1e7; } html #hmn2-draft :is(.hmn2-contact,.hm60-cta,.hm65-button,.hm54-link,.hm55-link-light,.hm31-button,.hmp42-output-link,.hms21-more,.hm36-safety-link,.hm69-link,.hmp26-jump,.hmn2-hero .hmn2-textlink,.hmp41-link[href$="#hmn2-kontakt"]):hover { box-shadow:inset 0 0 0 2px #98c1e7; } #hmn2-draft #hm38-kunden { scroll-margin-top:112px; } #hmn2-draft .hma14-frame.hma14-wide { background-color:#18214a!important; } #hmn2-draft .hma14-frame .hma14-motif { background-color:#4c6ddd!important; } #hmn2-draft .hma14-frame.hma14-portrait, #hmn2-draft .hma14-frame.hma14-portrait .hma14-ratio { color:#18214a!important; } #hmn2-draft :is(.hms21-tab,.hm24-tab)[aria-pressed="true"]{background:#18214a!important;color:#fff!important} #hmn2-draft :is(.hmn2-header a,.hmn8-menu-toggle):focus-visible{outline-color:#4c6ddd} #hmn2-draft .hmn2-navigation a[href="/ueber-uns"]{white-space:nowrap} @media(min-width:768px) and (max-width:1000px){#hmn2-draft .hmn2-header .hmn2-navigation{gap:14px}}