:root{--procheck-yellow:#ffc300;--text-dark:#111;--content-width:1180px;--side-space:40px;--card-border-color:#ffc300;--card-border-width:4px;--card-bg:#fff;--card-padding:28px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;scroll-padding-top:100px}body{color:#333;background-color:#fff;background-image:url(/hex-bg%203-4-6-4.svg);background-position:top;background-repeat:repeat;background-size:541px 934px;flex-direction:column;min-height:100dvh;margin:0;font-family:"Source Sans 3",sans-serif;display:flex}h1{font-size:3rem}h2,h3{font-weight:700}@media (width<=900px){:root{--side-space:24px}}@media (width<=760px){h1{font-size:2.2rem}}.page-content{width:min(var(--content-width), calc(100% - var(--side-space)));margin:0 auto;padding-top:119px;padding-bottom:54px}.content-card{padding:var(--card-padding);border:var(--card-border-width) solid var(--card-border-color);background:var(--card-bg);margin-bottom:28px;box-shadow:0 8px 18px #0000001f}@media (width<=900px){.page-content{width:min(var(--content-width), calc(100% - 24px));padding-top:161px}.content-card{padding:22px}}@media (width<=640px){.page-content{padding-top:154px}}.contact-form{gap:16px;display:grid}.contact-form label{gap:6px;font-weight:800;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text-dark);font:inherit;background:#fff;border:1.5px solid #cfcfcf;border-radius:9px;outline:none;padding:10px 12px;transition:border-color .18s,box-shadow .18s}.contact-form input:hover,.contact-form textarea:hover{border-color:#11111173}.contact-form input:focus,.contact-form textarea:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.contact-form button{min-height:42px;color:var(--text-dark);font:inherit;cursor:pointer;background:#fff;border:1.5px solid #11111161;border-radius:10px;justify-self:start;padding:9px 18px;font-weight:850;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;box-shadow:inset 0 1px #fff,0 4px 10px #0000000d}.contact-form button:hover,.contact-form button:focus-visible{background:#fff;border-color:#111111ad;outline:none;transform:translateY(-2px);box-shadow:0 10px 22px #0000001f}.contact-form button:active{background:#eee;transform:translateY(0)scale(.98)}.info-block{line-height:1.6}.info-block p{margin:0 0 12px}.info-block p:last-child{margin-bottom:0}:root{--procheck-black-pearl:radial-gradient(ellipse at 10% -18%, #ffffff26 0%, #ffffff0b 30%, #fff0 57%), radial-gradient(ellipse at 102% 112%, #8fadbe21 0%, #6a899a09 38%, #0000 62%), linear-gradient(112deg, #fff0 0%, #fff0 21%, #cddee718 32%, #ffffff09 39%, #fff0 49%, #7797a812 65%, #fff0 77%), linear-gradient(145deg, #020303 0%, #090b0c 34%, #010202 57%, #0a0c0d 78%, #010101 100%);--procheck-black-pearl-inset:inset 0 1px 0 #ffffff2b, inset 1px 0 0 #ffffff0e, inset -1px 0 0 #000000ad, inset 0 -2px 1px #000000b3;--procheck-black-pearl-shadow:var(--procheck-black-pearl-inset), 0 6px 0 #00000061, 0 18px 32px #0003, 0 32px 60px #00000026;--procheck-pearl-glass:radial-gradient(ellipse at 16% 118%, transparent 0%, transparent 48%, #6f899709 48.5%, #ffffff29 49.2%, transparent 50.1%), radial-gradient(ellipse at 111% -18%, transparent 0%, transparent 54%, #68859508 54.5%, #ffffff24 55.2%, transparent 56.1%), linear-gradient(128deg, transparent 0%, transparent 23%, #5e798807 23.5%, #ffffff29 24.1%, transparent 25%, transparent 65%, #718e9d06 65.5%, #ffffff1f 66.1%, transparent 67%), radial-gradient(ellipse at 12% -18%, #ffffffe6 0%, #ffffff42 37%, transparent 68%), linear-gradient(116deg, #fffc 0%, #e9f0f47a 27%, #ffffffd6 49%, #dce8ee63 70%, #ffffffc7 100%), #ffffff61;--procheck-pearl-glass-position:0 0, 0 0, 0 0, 0 0, 18% 50%, 0 0;--procheck-pearl-glass-size:126% 112%, 118% 108%, 150% 100%, 145% 155%, 220% 100%, auto;--procheck-pearl-glass-shadow:inset 0 1px 0 #fff, inset 1px 0 0 #ffffffe6, inset -1px 0 0 #849dab1f, inset 0 -2px 1px #68829033, inset 0 0 28px #ffffff1f, 0 6px 0 #495e6926, 0 16px 28px #2638421b, 0 30px 56px #26384217}body #home-page [data-page-scroll-card],body #training-catalog [data-scroll-card],body #faq-page [data-page-scroll-card],body #contact-page [data-page-scroll-card],body #imprint-page [data-page-scroll-card],body #privacy-page [data-page-scroll-card],body #cart-page [data-page-scroll-card],body #login-page .login-window,body #company-settings :is(.settings-hero,.settings-card),body #company-dashboard :is(.company-hero,.company-stat-card,.company-quick-access),body #employee-management :is(.employee-hero,.employee-control-card,.employee-list-item,.employee-course-panel),body #approval-management :is(.approvals-hero,.notification-panel,.approvals-stat-card,.notification-card,.approvals-empty-state),body #license-management :is(.company-hero,.company-quick-access,.license-day,.license-day-detail,.license-pool-card,.license-period-preview){background:var(--procheck-pearl-glass);background-position:var(--procheck-pearl-glass-position);background-size:var(--procheck-pearl-glass-size);outline-offset:-1px;box-shadow:var(--procheck-pearl-glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(132%)contrast(104%);border-color:#ffffffe0;outline:1px solid #6d85932b;transition:opacity .24s ease-out,transform .28s ease-out,translate .2s,filter .24s ease-out,border-color .2s,box-shadow .34s}body #home-page :is(.home-intro-fact,.home-process-card,.home-value-item),body #training-catalog :is(.training-selection-link,.training-audience,.training-order-steps li,.training-faq-item),body #faq-page .faq-item,body #contact-page :is(.contact-form-panel,.contact-reasons label>span),body #imprint-page :is(.imprint-fact,.imprint-notice-grid article),body #privacy-page :is(.privacy-controller-details article,.privacy-processing-grid article,.privacy-rights-grid article),body #cart-page :is(.cart-empty,.cart-item),body #login-page .login-panel,body #my-courses :is(.my-courses-overview-grid article,.my-course-license div){background:var(--procheck-pearl-glass);background-position:var(--procheck-pearl-glass-position);background-size:var(--procheck-pearl-glass-size);outline-offset:-1px;border-color:#ffffffe0;outline:1px solid #6d859326;transition:translate .2s,box-shadow .3s,border-color .2s;box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffc7,inset -1px 0 #6d85931a,0 4px #495e691f,0 12px 24px #26384217,0 23px 42px #26384211}@media (hover:hover){body #home-page :is(.home-intro-fact,.home-process-card,.home-value-item):hover,body #training-catalog :is(.training-selection-link,.training-audience,.training-order-steps li,.training-faq-item):hover,body #faq-page .faq-item:hover,body #contact-page :is(.contact-form-panel,.contact-reasons label>span):hover,body #imprint-page :is(.imprint-fact,.imprint-notice-grid article):hover,body #privacy-page :is(.privacy-controller-details article,.privacy-processing-grid article,.privacy-rights-grid article):hover,body #cart-page :is(.cart-empty,.cart-item):hover,body #login-page .login-panel:hover,body #my-courses :is(.my-courses-overview-grid article,.my-course-license div):hover{translate:0 -3px;box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffd6,inset -1px 0 #6d85931a,0 5px #495e6924,0 17px 31px #2638421f,0 29px 50px #26384214}}body #home-page [data-page-scroll-card]:hover,body #training-catalog [data-scroll-card]:hover,body #faq-page [data-page-scroll-card]:hover,body #contact-page [data-page-scroll-card]:hover,body #imprint-page [data-page-scroll-card]:hover,body #privacy-page [data-page-scroll-card]:hover,body #cart-page [data-page-scroll-card]:hover,body #login-page .login-window:hover,body #company-settings :is(.settings-hero,.settings-card):hover,body #company-dashboard :is(.company-hero,.company-stat-card,.company-quick-access):hover,body #employee-management :is(.employee-hero,.employee-control-card,.employee-list-item,.employee-course-panel):hover,body #approval-management :is(.approvals-hero,.notification-panel,.approvals-stat-card,.notification-card,.approvals-empty-state):hover,body #license-management :is(.company-hero,.company-quick-access,.license-day,.license-day-detail,.license-pool-card,.license-period-preview):hover{box-shadow:var(--procheck-pearl-glass-shadow);translate:0 -3px}body #login-page .login-window:hover,body #company-settings :is(.settings-hero,.settings-card):hover,body #company-dashboard :is(.company-hero,.company-stat-card,.company-quick-access):hover,body #employee-management :is(.employee-hero,.employee-control-card,.employee-list-item,.employee-course-panel):hover,body #approval-management :is(.approvals-hero,.notification-panel,.approvals-stat-card,.notification-card,.approvals-empty-state):hover,body #license-management :is(.company-hero,.company-quick-access,.license-day,.license-day-detail,.license-pool-card,.license-period-preview):hover{transform:none}body #home-page [data-page-scroll-card]:before,body #training-catalog [data-scroll-card]:before,body #faq-page [data-page-scroll-card]:before,body #contact-page [data-page-scroll-card]:before,body #imprint-page [data-page-scroll-card]:before,body #privacy-page [data-page-scroll-card]:before,body #company-settings :is(.settings-hero,.settings-card):before,body #company-dashboard :is(.company-hero,.company-quick-access):before,body #employee-management :is(.employee-hero,.employee-control-card):before,body #approval-management :is(.approvals-hero,.notification-panel):before,body #license-management :is(.company-hero,.company-quick-access):before{transition:filter .2s,box-shadow .2s}body #home-page [data-page-scroll-card]:hover:before,body #training-catalog [data-scroll-card]:hover:before,body #faq-page [data-page-scroll-card]:hover:before,body #contact-page [data-page-scroll-card]:hover:before,body #imprint-page [data-page-scroll-card]:hover:before,body #privacy-page [data-page-scroll-card]:hover:before,body #company-settings :is(.settings-hero,.settings-card):hover:before,body #company-dashboard :is(.company-hero,.company-quick-access):hover:before,body #employee-management :is(.employee-hero,.employee-control-card):hover:before,body #approval-management :is(.approvals-hero,.notification-panel):hover:before,body #license-management :is(.company-hero,.company-quick-access):hover:before{filter:brightness(1.08)saturate(1.08);box-shadow:0 0 8px #ffc30080,0 0 18px #ffc30052}body #cart-page [data-page-scroll-card]:hover,body #login-page .login-window:hover{box-shadow:inset 0 4px 11px #ffc3001f, var(--procheck-pearl-glass-shadow)}.login-card{max-width:520px;margin-left:auto;margin-right:auto}.login-form{gap:16px;display:grid}.login-form label{gap:6px;font-weight:800;display:grid}.login-form input{width:100%;color:var(--text-dark);font:inherit;background:#fff;border:1.5px solid #cfcfcf;border-radius:9px;outline:none;padding:10px 12px;transition:border-color .18s,box-shadow .18s}.login-form input:hover{border-color:#11111175}.login-form input:focus{border-color:#111;box-shadow:0 0 0 3px #11111114}.login-form button{min-height:42px;color:var(--procheck-yellow);font:inherit;cursor:pointer;background:#111;border:1.5px solid #111;border-radius:10px;justify-self:start;padding:9px 18px;font-size:.95rem;font-weight:900;line-height:1;transition:transform .18s,color .18s,background-color .18s,box-shadow .18s;box-shadow:0 8px 18px #00000021}.login-form button:hover,.login-form button:focus-visible{color:#111;background:#fff;outline:none;transform:translateY(-2px);box-shadow:0 11px 24px #00000029}.login-form button:active{background:#eee;transform:translateY(0)scale(.98)}.login-links{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.login-links a{color:var(--text-dark);font-weight:800;text-decoration:none}.login-links a:hover,.login-links a:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--procheck-yellow);text-decoration-color:var(--procheck-yellow);text-underline-offset:4px;text-decoration-thickness:3px}.login-message{margin:4px 0 0;font-weight:800}.login-message-success{color:#1f7a35}.login-message-error{color:#b00020}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dashboard-tile{background:#fff;border:1px solid #d9d9d9;padding:20px}.dashboard-tile h3{margin-top:0}.dashboard-number{color:var(--text-dark);margin:10px 0;font-size:2rem;font-weight:900}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact-form input,.contact-form textarea,.contact-form button,.login-form input,.login-form button{transition:none}}@media (width>=901px){.corporate-header .site-header-inner{grid-template-columns:auto minmax(0,1fr)}.corporate-header .site-nav{justify-self:end}}.corporate-header .nav-link-training{border-color:#11111161}
