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; } }.action-con .tt-logo { background-color: white; } .action-pimg { position: absolute; top: 25%; bottom: 10%; right: calc(0px - (30vw - 100%)); z-index: 50; width: 100%; } .action-pimg img { object-fit: contain; -webkit-transform: scaleX(-1); transform: scaleX(-1); height: 100%; width: 100%; }.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; }: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; }/* 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; }: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; } }