#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}} /* Scoped subpage interactions 21. */ .hms21-rail{scrollbar-width:none;overscroll-behavior-x:contain} .hms21-rail::-webkit-scrollbar,.hms21-tabs::-webkit-scrollbar{display:none} .hms21-slide:before,.hmp21-panel:after{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.7' intercept='-.35'/%3E%3CfeFuncG type='linear' slope='1.7' intercept='-.35'/%3E%3CfeFuncB type='linear' slope='1.7' intercept='-.35'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-size:192px 192px;opacity:.16;mix-blend-mode:soft-light;pointer-events:none;border-radius:inherit} .hms21-title span{display:inline} .hms21-tab[aria-pressed=true]{color:#ffffff;background:#171719;box-shadow:0 3px 8px #1b22341a} .hms21-tab,.hms21-more,.hms21-arrow{transition:background .25s ease,color .25s ease,transform .25s ease} .hms21-more:hover,.hms21-arrow:hover{transform:scale(1.045)} .hms21-more:focus-visible,.hms21-tab:focus-visible,.hms21-arrow:focus-visible,.hms21-rail:focus-visible{outline:3px solid #626bff;outline-offset:4px} .hms21-training .hms21-more,.hms21-providers .hms21-more{background:#ffffff;color:#16213b} .hms21-details[hidden]{display:none!important} .hms21-details:not([hidden]){animation:hms21-detail-in .3s ease both} .hms21-more[aria-expanded=true]{background:#e8ebf3;color:#182440} .hms21-arrow:disabled{opacity:.28;cursor:default;transform:none} #hmr17-nachweise>.hmr17-note{width:calc(100% - 112px);max-width:1424px;margin:34px auto 0} .hms21-status{color:inherit;opacity:.72} .hmp21-panel:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 78% 30%,#4a55a559,transparent 52%),radial-gradient(ellipse at 10% 90%,#197b8d38,transparent 55%)} .hmp21-network:before{content:"";position:absolute;height:1px;left:14%;right:14%;top:calc(50% - 18px);background:linear-gradient(90deg,#789de677,#c5d3ff,#9ba6ff88)} .hmp21-panel .hmp21-logo{object-fit:contain} .hmp21-review-blue .hmp18-name,.hmp21-review-teal .hmp18-name,.hmp21-review-orange .hmp18-name{color:inherit} .hmp21-card .hmp18-copy{color:#646b7c} .hmp21-card{transition:translate .4s ease,box-shadow .4s ease} @media(hover:hover) and (pointer:fine){.hmp21-card:hover{translate:0 -4px;box-shadow:0 18px 40px #24375d12}} #hmr17-ablauf .hmr17-card:nth-child(1) .hmr17-kicker{color:#5541c8} #hmr17-ablauf .hmr17-card:nth-child(2) .hmr17-kicker{color:#235cbb} #hmr17-ablauf .hmr17-card:nth-child(3) .hmr17-kicker{color:#bc4e24} #hmr17-ablauf .hmr17-card:nth-child(4) .hmr17-kicker{color:#007a80} @keyframes hms21-detail-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @media(min-width:1537px){.hms21-rail{padding-left:calc((100vw - 1424px)/2);padding-right:calc((100vw - 1424px)/2);scroll-padding-left:calc((100vw - 1424px)/2)}.hms21-slide{flex-basis:1180px}} @media(max-width:991px){ .hms21-section{padding:64px 0}.hms21-head{width:calc(100% - 64px)} .hms21-rail{padding:0 32px 18px;scroll-padding-left:32px;gap:18px}.hms21-slide{flex-basis:calc(100% - 32px);padding:34px;min-height:610px} .hms21-title{font-size:42px;max-width:420px;letter-spacing:-1.5px}.hms21-copy{font-size:17px;max-width:340px} .hms21-art{width:40%;height:260px;right:20px;bottom:115px;transform:scale(.8);transform-origin:100% 100%}.hms21-status{left:34px;bottom:40px} .hms21-controls{gap:12px;padding:0 32px;flex-direction:column}.hms21-tab{padding:11px 16px}.hms21-details{padding:34px 34px 100px} #hmr17-nachweise>.hmr17-note{width:calc(100% - 64px)} .hmp21-panel{width:calc(100% - 32px);margin:0 16px;border-radius:30px;padding:54px 32px}.hmp21-title{font-size:50px} .hmp21-network{gap:26px}.hmp21-source,.hmp21-model{font-size:16px;padding:16px}.hmp21-logo-box{width:104px;height:104px;border-radius:26px}.hmp21-logo{width:54px;height:54px} .hmp21-card{padding:27px}.hmp21-recipe{gap:20px}.hmp21-step-title{font-size:18px} } @media(max-width:767px){ .hms21-section{padding:52px 0}.hms21-head{width:calc(100% - 48px);margin-bottom:28px} .hms21-rail{padding:0 20px 18px;scroll-padding-left:20px;gap:14px}.hms21-slide{flex-basis:calc(100vw - 56px);padding:28px 26px;min-height:690px;border-radius:26px} .hms21-kicker{font-size:12px;margin-bottom:22px}.hms21-title{font-size:35px;letter-spacing:-1.2px;max-width:none;margin-bottom:22px}.hms21-copy{font-size:16px;max-width:none;line-height:1.5} .hms21-art{right:26px;bottom:100px;width:calc(100% - 52px);height:250px;transform:scale(.75);transform-origin:50% 100%} .hms21-status{left:26px;bottom:35px;font-size:10px}.hms21-more{right:18px;bottom:24px;padding:13px 14px;font-size:12px}.hms21-plus{font-size:20px;margin-left:7px} .hms21-controls{padding:0 20px;gap:14px}.hms21-tabs{border-radius:28px;width:100%;box-sizing:border-box}.hms21-tab{padding:12px 15px;font-size:13px} .hms21-details{padding:28px 26px 100px}.hms21-detail-title{font-size:31px}.hms21-detail-copy{font-size:16px}.hms21-checklist{font-size:15px} #hmr17-nachweise>.hmr17-note{width:calc(100% - 48px)} .hmp21-scene{margin-top:24px;padding-bottom:38px}.hmp21-panel{width:calc(100% - 24px);margin:0 12px;padding:42px 24px;border-radius:28px} .hmp21-title{font-size:39px;letter-spacing:-1.4px}.hmp21-kicker{font-size:13px}.hmp21-lead{font-size:17px} .hmp21-network{gap:14px;margin:34px 0;grid-template-columns:1fr;justify-items:center} .hmp21-sources,.hmp21-models{width:100%;flex-direction:row;justify-content:center;gap:6px}.hmp21-source,.hmp21-model{padding:12px 10px;font-size:12px;text-align:center;flex:1;min-width:0;border-radius:12px} .hmp21-network:before{width:1px;height:65%;left:50%;right:auto;top:15%;background:linear-gradient(#789de677,#c5d3ff,#9ba6ff88)} .hmp21-center{gap:12px;padding:14px 0}.hmp21-logo-box{width:84px;height:84px;border-radius:24px}.hmp21-logo{width:46px;height:46px}.hmp21-caption{font-size:12px;background:#15223a} .hmp21-recipe{grid-template-columns:1fr;gap:26px;margin-top:32px;padding-top:28px}.hmp21-step-title{font-size:19px;margin-bottom:8px}.hmp21-step-copy{font-size:15px}.hmp21-card{padding:28px} } @media(prefers-reduced-motion:reduce){ .hms21-rail{scroll-behavior:auto}.hms21-tab,.hms21-more,.hms21-arrow,.hmp21-card{transition:none!important} .hms21-details:not([hidden]){animation:none!important}.hmp21-panel{transform:none!important;border-radius:30px!important;width:calc(100% - 32px);margin:0 16px} } .hms21-tab,.hms21-arrow,.hms21-more{font-family:inherit} #hmp18-pruefung .hmp21-card:nth-child(1) .hmp18-name{color:#3436cf} #hmp18-pruefung .hmp21-card:nth-child(2) .hmp18-name{color:#007f89} #hmp18-pruefung .hmp21-card:nth-child(3) .hmp18-name{color:#c35621} #hmr17-it-legal .hmp21-card:nth-child(1) .hmr17-name{color:#3436cf} #hmr17-it-legal .hmp21-card:nth-child(2) .hmr17-name{color:#007f89} #hmr17-it-legal .hmp21-card:nth-child(3) .hmr17-name{color:#c35621} .hms21-arrow[aria-disabled=true]{opacity:.28;pointer-events:none} .hmp21-symbol.hmp21-review-blue{color:#3436cf} .hmp21-symbol.hmp21-review-teal{color:#007f89} .hmp21-symbol.hmp21-review-orange{color:#c35621} .hms21-rail:after{content:"";flex:0 0 40px} @media(min-width:1537px){.hms21-rail:after{flex-basis:220px}} @media(max-width:991px){.hms21-rail:after{flex-basis:14px}} @media(max-width:767px){.hms21-rail:after{flex-basis:2px}} .hms21-providers .hms21-art{bottom:180px} @media(max-width:991px){.hms21-art{right:60px}.hms21-providers .hms21-art{bottom:185px}} @media(max-width:767px){.hms21-art{right:26px}.hms21-providers .hms21-art{bottom:180px}} .hms21-papers{height:300px} .hms21-paper{inset:auto;left:0;top:0;width:240px;height:150px;padding:24px;box-sizing:border-box;transform:rotate(-8deg)} .hms21-paper-mid{left:18px;top:75px;transform:rotate(0deg)} .hms21-paper-front{left:36px;top:150px;transform:rotate(8deg)} /* 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: shared CTA radius. */ .hmn2-page .hmn2-header .hmn2-contact,.hmn2-page .hmn8-mobile-link:last-child{border-radius:16px} /* 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-sicherheitsanspruch .hm38-head { margin-bottom:clamp(24px,4vw,52px); } #hmn2-draft #hm38-sicherheitsanspruch .hm38-grid { width:min(100%,950px); margin-inline:auto; gap:clamp(14px,2.5vw,28px); } #hmn2-draft #hm38-sicherheitsanspruch .hm38-column { padding:clamp(18px,3vw,32px); border:1px solid color-mix(in srgb,#18214a 13%,transparent); border-radius:16px; background:#fff; } #hmn2-draft #hm38-sicherheitsanspruch .hm38-subtitle { margin-block:8px 12px; } #hmn2-draft #hm38-sicherheitsanspruch .hm38-copy { margin:0; font-size:17px; line-height:1.55; } #hmn2-draft #hm38-sicherheitsanspruch .hm38-status { margin:0 0 10px; } #hmn2-draft #hm38-sicherheitsanspruch .hm38-column .hm38-link { display:inline-block; margin-top:12px; } #hmn2-draft #hm38-sicherheitsanspruch .hm38-footer-link { margin-top:24px; } #hmn2-draft #hm38-sicherheitsanspruch .hm38-footer-link a { font-weight:600; } #hmn2-draft #hmr17-it-legal :is(.hmp21-review-blue,.hmr17-name) { color:#18214a!important; } #hmn2-draft #hmr17-it-legal :is(.hmp21-ref-front,.hmp21-ref-back) { border-color:#4c6ddd!important; color:#4c6ddd!important; } #hmn2-draft #hmr17-nachweise :is(.hm49-map,.hm49-ui-source,#hms21-slide-3 .hm49-media,#hms21-slide-4 .hm49-media,#hms21-slide-5 .hm49-media) { filter:url(#hm71-cd-blue); } #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}} #hmn2-draft #hms21-slide-2 > .hm61-surface-paper{ background-image:linear-gradient(95deg,rgba(251,250,247,.94) 0%,rgba(251,250,247,.86) 42%,rgba(251,250,247,.32) 100%),url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1eaa9b6b9112efff10bfa_hyperama-atmosphaere-optimiert.svg")!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; } #hmn2-draft .hm72-clients{scroll-margin-top:112px;margin:0 auto;width:min(100% - 72px,1000px);padding:clamp(38px,6vw,76px) 0;text-align:center;border-top:1px solid #18214a26} #hmn2-draft .hm72-clients-title{margin:0;font-size:clamp(28px,4vw,50px);line-height:1.1;letter-spacing:-.045em;font-weight:600} #hmn2-draft .hm72-clients-note{margin:12px 0 26px;color:#5a6374;font-size:16px;line-height:1.5} #hmn2-draft .hm72-clients-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:850px;margin-inline:auto} #hmn2-draft .hm72-client{width:clamp(74px,14vw,150px);height:64px;display:grid;place-items:center;padding:8px} #hmn2-draft .hm72-client-logo{display:block;width:100%;height:100%;max-height:48px;object-fit:contain;filter:brightness(0);opacity:.9} @media(max-width:767px){#hmn2-draft #hms21-slide-2 > .hm61-surface-paper{background-image:linear-gradient(180deg,rgba(251,250,247,.94) 0%,rgba(251,250,247,.74) 55%,rgba(251,250,247,.40) 100%),url("https://cdn.prod.website-files.com/6a607381d4886cb9f933204c/6af1eaa9b6b9112efff10bfa_hyperama-atmosphaere-optimiert.svg")!important} #hmn2-draft .hm72-clients{width:calc(100% - 36px)} #hmn2-draft .hm72-clients-grid{max-width:400px;gap:6px} #hmn2-draft .hm72-client{width:30%;height:54px} }