.robot-img { display: block; height: 25vh; align-self: flex-end; } .flex-col.robot-img-con { justify-content: flex-end; }.mail-typing { width: 100%; padding: 12px 20px; display: inline-block; border: 1px solid #CED4DA; border-radius: 4px; box-sizing: border-box; background-image: url(/a88b7dcd1a9e3e17770bbaa6d7515b31a2d7e85d.svg); background-repeat: no-repeat; background-size: 30px 30px; background-position: 5px 5px; padding-left: 40px; margin-bottom:5px; } .mail-typing.mail-name { background-image: url(/d39a47507bbe27c2a7948861847f3607eda8e1be.svg); } .email-collect .mail-typing:focus { outline: none; box-shadow:0 0 0 .2rem rgba(0,123,255,.33); } .email-tt { position: relative; margin-right: 10px; display: flex; align-items: center; } .email-tt-text { visibility: hidden; padding: 0 8px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; color: #fff; background-color: rgba(97, 97, 97, .9); transform: scale(0); font-size: 10px; left: -80px; position: absolute; z-index: 1; width: 100px; } .email-tt-text p { font-size: 15px !important; } .email-tt:hover .email-tt-text { visibility: visible; animation: tooltip-show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } .email-thx { display: none; } .email-subscribed .email-collect { display: none; } .email-just-subscribed .email-collect { display: none; } .email-just-subscribed .email-thx.first { display: block; } .email-subscribed .email-thx.else { display: block; } .tt-logo { height: 22px; width: 22px; background-color: black; -webkit-mask: url(/9cd185414aff1cc22b44cd0b77fabb7eda5d67ae.svg) no-repeat center; mask: url(/9cd185414aff1cc22b44cd0b77fabb7eda5d67ae.svg) no-repeat center; cursor: pointer; text-align: center; } input.text { color: black; } @media only screen and (min-width: 768px) and (min-height: 500px){ .email-tt-text { width: 120px; } } @keyframes tooltip-show { 0% { opacity: 0; transform: scale(0); } 50% { opacity: .5; transform: scale(0.99); } 100% { opacity: 1; transform: scale(1); } } .none-focus { background-color: white !important; }:root { --footer-height: 50px; } .footer { background-color: var(--header-bg-color-solid); height: var(--footer-height); } .footer-text p { color: black; font-family: inherit; text-align: center; font-size: 12px; margin: 0; }:root { --header-bg-color: rgba(255, 255, 255, 0.65); --header-bg-color-solid: rgb(252 252 252); --header-hight: 80px; } .header { display: block; position: fixed; left: 0; top: 0; right: 0; min-height: var(--header-hight); background-color: var(--header-bg-color); box-shadow: 0 2px 5px 0 rgb(51 64 94 / 8%); -webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; z-index: 100; } .logo { height: 80px; margin-right: 10px; } .logo a { height: 80px; } .scrolled { background-color: var(--header-bg-color-solid); -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; } .menu a { margin-left: 10px; } .menu { flex-grow: 1; color: #3a3d5c; font-size: 20px; font-weight: 500; letter-spacing: -.5px; gap: 20px } .menu-btn { width: 35px; height: 35px; padding: 10px; border-radius: 100px; background-color: #ebecff; margin: 5px; } .menu-btn img { height: 100%; } a { color: inherit; text-decoration: none; } .text { color: inherit } .menu-item:hover, .current-lang { color: #f50000; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear; transition: color 200ms linear; } .action-button.button { background-color: white; color: black; } .action-button.button:hover { background-color: #f50000; color: black; } .icon { width: 20px; margin: 5px; } /* mobile */ .action-btn-con { flex-grow: 1; justify-content: center; } .drop-menu { display: none; background-color: var(--header-bg-color-solid); margin: 0; } /* used by scripts */ .show { display: flex; flex-direction: column; } .head-fill { min-height: var(--header-hight); height: var(--header-hight); } .lang-selector-con { justify-content: flex-start !important; } .dyn-grow-desktop { justify-content: flex-end !important; } .social a { width: 25px; height: 25px; } .social div { align-content: center; } .social { height: var(--header-hight); align-self: start; } @media only screen and (min-width: 768px) and (min-height: 500px) { /* desktop */ .social { align-self: center; } .action-btn-con { flex-grow: 0; justify-content: flex-end !important; } .dyn-grow-desktop { flex-grow: 1; justify-content: flex-end !important; } .lang-selector-con { justify-content: flex-end !important; flex-grow: 0; } .lang-selector.flex-row { flex-direction: column; justify-content: center !important; } .menu { font-size: 16px; } }.big-email-collect { max-width: calc(min(400px, 100vw - 50px)); display: block; padding: 24px; border-radius: 6px; box-sizing: border-box; overflow: visible ; outline: 0; background: white; box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f; } .big-email-collect.text { color : black; } .big-email-collect h1 { margin: 0px; text-align: center; } .big-email-collect p { word-break: keep-all; white-space: normal; } .mail-typing.company-name { background-image: url(/e274eeff768c6396088ec6eb091f4bf4d47ab1e0.svg); } .pilot-joined .email-collect { display: none; } .pilot-just-subscribed .email-collect { display: none; } .pilot-just-subscribed .email-thx.first { display: block; } .pilot-joined .email-thx.else { display: block; } .change-word-fade { opacity: 0; transition: opacity 0.8s ease-in-out; } .change-word-fade.change-word-show { opacity: 1; }body { margin: 0; } h1 { text-align: center; width: 100%; margin: 10px 0px; } h2, h3 { margin-bottom: 5px; } p { margin-top: 0; } .m0 p, .m0 b, .m0 h1, .m0 h2 { margin: 0; } .flex-row { display: flex; align-items: center; justify-content: center; } .flex-col { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .flex-ccol { display: flex; flex-direction: column; align-items:center; } .hh { height: var(--header-hight); } .w100 { width: 100%; } .h100 { height: 100%; } .fill { width: 100%; height: 100%; } .overlay { position:absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } .text { font-family: 'DM Sans','Trebuchet MS','sans-serif'; } .button:hover { background-color: #f50000; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: background-color 280ms linear; -ms-transition: background-color 280ms linear; transition: background-color 280ms linear; } .button { color: black; background-color: #ea636f; height: 36px; padding: 0 16px 0 16px; border-radius: 4px; border: none; cursor: pointer; min-width: 100px; max-width: 150px; justify-content: center; box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); -webkit-transition: background-color 280ms linear; -ms-transition: background-color 280ms linear; transition: background-color 280ms linear; font-weight: 500; font-size: 16px; letter-spacing: -.5px; } .page-content { max-width: 1280px; margin: 20px 0px; } .page-element-con { display: flex; flex-direction: column-reverse; justify-content: center; width: 100%; gap: 20px; } .page-element-con.order-normal { flex-direction: column; } .page-element-ocon { display: flex; flex-direction: column; justify-content: center; width: 100%; } .page-element { width: 100%; max-width: calc(100vw - 40px);; } .page-seperator { position:relative; min-height: 150px; width: 100%; margin: 20px 0px; justify-content: center; } .page-seperator-text { position: relative; z-index: 50; } .page-seperator-text h1, .page-seperator-text p { margin: 0; text-align: center; } .page-seperator-text p { font-size: 20px; } .page-seperator .background { object-fit:cover; width: 100%; height: 100%; } .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .foreground { position: relative; z-index: 50; } @media only screen and (min-width: 768px) and (min-height: 500px){ /* desktop */ .mobile { display: none; visibility: collapse; } .page-element-con { display: flex; flex-direction: row; justify-content: center; } .page-element-con.order-normal { flex-direction: row; } .page-element-ocon { display: flex; flex-direction: row; justify-content: center; } } @media only screen and (max-width: 767px), only screen and (max-height: 499px) { .desktop { display: none !important; visibility: collapse; width: 0; height: 0; } }/* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 400; src: url(/94a48b204faff91dd0e66f38d6ef2b75f8646f3e.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 400; src: url(/6a83ebe7b8eac2193b6dd7f73f4bb4340a50db9f.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 500; src: url(/66de4c23d69e14773a3b65016edc3b61e2d05e52.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 500; src: url(/4a8fec499d65ac11207f2e935966c4a9455e4554.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 700; src: url(/152179b6656ae5b21896e360937e5c261e1494f4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: italic; font-weight: 700; src: url(/cd847341b888ca043a8cbcdf8c97f4cf925a8a9e.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; src: url(/3ac31ecc13e5e7e8db2bc537c080cae6effe9007.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; src: url(/dcf7b22ba076d51f07ff3ed7123b4d63df9e262c.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; src: url(/7a90d964fbf277333c1462e9519f3f4a398defc4.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 500; src: url(/eded2d26bcd6cdbdb1b7c86bb7d997463e669cb5.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* latin-ext */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; src: url(/53e291b142cb7e64a505f6b5570d330ccd1eca69.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; src: url(/bf53984fdd3921f0173f858eb277eb35a7c8ee90.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }.logo-vl { border-left: 2px solid #f50000;; margin: 15px 0px; align-self: stretch; } .logo-text { text-transform: uppercase; letter-spacing: -.5px; font-size: 30px; margin: 0px 5px; } .logo-img { height: 60%; object-fit: contain; margin: 0px 10px; }