/*! purgecss start ignore */ /*** The new CSS reset - version 1.7.2 (last updated 23.6.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ html *:where(:not(html, iframe, canvas, img, svg, video, .pell-editor *):not(svg *, symbol *)) { all: unset; display: revert; box-sizing: border-box; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! * Bootstrap Grid v5.3.0-alpha1 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text: #0a58ca; --bs-secondary-text: #6c757d; --bs-success-text: #146c43; --bs-info-text: #087990; --bs-warning-text: #997404; --bs-danger-text: #b02a37; --bs-light-text: #6c757d; --bs-dark-text: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #f8f9fa; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #e9ecef; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075); --bs-emphasis-color: #000; --bs-form-control-bg: var(--bs-body-bg); --bs-form-control-disabled-bg: var(--bs-secondary-bg); --bs-highlight-bg: #fff3cd; --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } [data-bs-theme=dark] { --bs-body-color: #adb5bd; --bs-body-color-rgb: 173, 181, 189; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #f8f9fa; --bs-emphasis-color-rgb: 248, 249, 250; --bs-secondary-color: rgba(173, 181, 189, 0.75); --bs-secondary-color-rgb: 173, 181, 189; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(173, 181, 189, 0.5); --bs-tertiary-color-rgb: 173, 181, 189; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-emphasis-color: #fff; --bs-primary-text: #6ea8fe; --bs-secondary-text: #dee2e6; --bs-success-text: #75b798; --bs-info-text: #6edff6; --bs-warning-text: #ffda6a; --bs-danger-text: #ea868f; --bs-light-text: #f8f9fa; --bs-dark-text: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #212529; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #495057; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #055160; --bs-warning-border-subtle: #664d03; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: #fff; --bs-link-color: #6ea8fe; --bs-link-hover-color: #9ec5fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 158, 197, 254; --bs-code-color: #e685b5; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: 2rem; padding-left: 2rem; margin-right: auto; margin-left: auto; } @media (min-width: 992px) { .container-fluid { padding-right: 14.4rem; padding-left: 14.4rem; } } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } @media (min-width: 576px) { .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } } @media (min-width: 768px) { .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } } @media (min-width: 992px) { .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } } @media (min-width: 1200px) { .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } } @media (min-width: 1400px) { .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ .pell { border: 1px solid rgba(10, 10, 10, 0.1); } .pell, .pell-content { box-sizing: border-box; } .pell-content { height: 300px; outline: 0; overflow-y: auto; padding: 10px; } .pell-actionbar { background-color: #fff; border-bottom: 1px solid rgba(10, 10, 10, 0.1); } .pell-button { background-color: transparent; border: none; cursor: pointer; height: 30px; outline: 0; width: 30px; vertical-align: bottom; } .pell-button-selected { background-color: #f0f0f0; } @font-face { font-family: 'Inter'; src: url("./../../fonts-frontend/Inter-Regular.woff2?v=3.19") format("woff2"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'Inter'; src: url("./../../fonts-frontend/Inter-Medium.woff2?v=3.19") format("woff2"); font-weight: 500; font-style: normal; font-display: block; } @font-face { font-family: 'Inter'; src: url("./../../fonts-frontend/Inter-Bold.woff2?v=3.19") format("woff2"); font-weight: bold; font-style: normal; font-display: block; } @font-face { font-family: 'Digital-7 Mono'; src: url("./../../fonts-frontend/Digital-7Mono.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'berufsreise'; src: url("./../../fonts-frontend/berufsreise.eot?or0gsw"); src: url("./../../fonts-frontend/berufsreise.eot?or0gsw#iefix") format("embedded-opentype"), url("./../../fonts-frontend/berufsreise.ttf?or0gsw") format("truetype"), url("./../../fonts-frontend/berufsreise.woff?or0gsw") format("woff"), url("./../../fonts-frontend/berufsreise.svg?or0gsw#berufsreise") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'berufsreise' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-green-jobs:before { content: "\ea12"; } .icon-plus-reg-circle:before { content: "\ea13"; } .icon-profile-uncompleted:before { content: "\ea14"; } .icon-resend:before { content: "\ea15"; } .icon-copy:before { content: "\ea16"; } .icon-recommend:before { content: "\ea17"; } .icon-pending-circle:before { content: "\ea18"; } .icon-add-job:before { content: "\ea19"; } .icon-add-person:before { content: "\ea1a"; } .icon-add-booking:before { content: "\ea1b"; } .icon-add-class:before { content: "\ea1c"; } .icon-text-italic:before { content: "\ea1d"; } .icon-text-bold:before { content: "\ea1e"; } .icon-list:before { content: "\ea1f"; } .icon-archive:before { content: "\ea20"; } .icon-diagnosis:before { content: "\ea21"; } .icon-berufsreise-arrow:before { content: "\ea22"; } .icon-error:before { content: "\ea23"; } .icon-pause-circle:before { content: "\ea24"; } .icon-code-show-klasse:before { content: "\ea25"; } .icon-code-enter-klasse:before { content: "\ea26"; } .icon-logout:before { content: "\ea27"; } .icon-login:before { content: "\ea28"; } .icon-prize:before { content: "\ea29"; } .icon-line-chart:before { content: "\ea2a"; } .icon-raking:before { content: "\ea2b"; } .icon-quick-connect:before { content: "\ea2c"; } .icon-games:before { content: "\ea2d"; } .icon-locked:before { content: "\ea2e"; } .icon-change:before { content: "\ea2f"; } .icon-eye-crossed:before { content: "\ea30"; } .icon-support:before { content: "\ea31"; } .icon-settings:before { content: "\ea32"; } .icon-filter-up:before { content: "\ea33"; } .icon-social-xing:before { content: "\ea11"; } .icon-open-door:before { content: "\e99c"; } .icon-podcast:before { content: "\e99d"; } .icon-requirement--Anwendung-und-Bedienung-digitaler-Tools--324:before { content: "\e99e"; } .icon-requirement--Aufgeschlossenheit--34:before { content: "\e99f"; } .icon-requirement--Auge-Hand-Koordination--285:before { content: "\e9a0"; } .icon-requirement--Ausdauer---Durchhaltevermogen--317:before { content: "\e9a1"; } .icon-requirement--ausgepragter-Tastsinn--289:before { content: "\e9a2"; } .icon-requirement--Begeisterungsfahigkeit--270:before { content: "\e9a3"; } .icon-requirement--Belastbarkeit---Resilienz--39:before { content: "\e9a4"; } .icon-requirement--Bereitschaft-zum-Zuhoren--263:before { content: "\e9a5"; } .icon-requirement--Beurteilungsvermogen---Entscheidungsfahigkeit--93:before { content: "\e9a6"; } .icon-requirement--Beweglichkeit--298:before { content: "\e9a7"; } .icon-requirement--Bewegungsfreudigkeit--348:before { content: "\e9a8"; } .icon-requirement--Datensicherheit-und-Datenschutz--365:before { content: "\e9a9"; } .icon-requirement--didaktische-Fahigkeiten--6:before { content: "\e9aa"; } .icon-requirement--Durchsetzungsvermogen--282:before { content: "\e9ab"; } .icon-requirement--Eigeninitiative--357:before { content: "\e9ac"; } .icon-requirement--Einfuhlungsvermogen--205:before { content: "\e9ad"; } .icon-requirement--Ernahrungskompetenz--345:before { content: "\e9ae"; } .icon-requirement--Farbsehen--334:before { content: "\e9af"; } .icon-requirement--Fingerfertigkeit--121:before { content: "\e9b0"; } .icon-requirement--Flexibilitat---Veranderungsbereitschaft--242:before { content: "\e9b1"; } .icon-requirement--Freihandzeichnen--346:before { content: "\e9b2"; } .icon-requirement--Fremdsprachenkenntnisse--314:before { content: "\e9b3"; } .icon-requirement--Freundlichkeit--325:before { content: "\e9b4"; } .icon-requirement--Fuhrungsfahigkeit-Leadership--71:before { content: "\e9b5"; } .icon-requirement--Geduld--28:before { content: "\e9b6"; } .icon-requirement--Gefuhl-fur-Farben-und-Formen--294:before { content: "\e9b7"; } .icon-requirement--gepflegtes-Erscheinungsbild--143:before { content: "\e9b8"; } .icon-requirement--Geschichtsbewusstsein--21336:before { content: "\e9b9"; } .icon-requirement--gestalterische-Fahigkeit--12:before { content: "\e9ba"; } .icon-requirement--Gesundheitsbewusstsein--253:before { content: "\e9bb"; } .icon-requirement--gute-Allgemeinbildung--315:before { content: "\e9bc"; } .icon-requirement--gute-Beobachtungsgabe--61:before { content: "\e9bd"; } .icon-requirement--gute-Deutschkenntnisse--343:before { content: "\e9be"; } .icon-requirement--gute-korperliche-Verfassung--117:before { content: "\e9bf"; } .icon-requirement--gute-Reaktionsfahigkeit--227:before { content: "\e9c0"; } .icon-requirement--gute-rhetorische-Fahigkeit--20:before { content: "\e9c1"; } .icon-requirement--gute-Stimme--133:before { content: "\e9c2"; } .icon-requirement--guter-Geruchssinn--103:before { content: "\e9c3"; } .icon-requirement--guter-Geschmackssinn--104:before { content: "\e9c4"; } .icon-requirement--guter-Gleichgewichtssinn--123:before { content: "\e9c5"; } .icon-requirement--guter-Orientierungssinn--135:before { content: "\e9c6"; } .icon-requirement--gutes-Augenma--15:before { content: "\e9c7"; } .icon-requirement--gutes-Gedachtnis--9:before { content: "\e9c8"; } .icon-requirement--gutes-Horvermogen--102:before { content: "\e9c9"; } .icon-requirement--gutes-Sehvermogen--323:before { content: "\e9ca"; } .icon-requirement--handwerkliche-Geschicklichkeit--21:before { content: "\e9cb"; } .icon-requirement--Hilfsbereitschaft--328:before { content: "\e9cc"; } .icon-requirement--Hygienebewusstsein--137:before { content: "\e9cd"; } .icon-requirement--Infektionsfreiheit--131:before { content: "\e9ce"; } .icon-requirement--Informationsrecherche-und-Wissensmanagement--361:before { content: "\e9cf"; } .icon-requirement--Integrationsvermogen--264:before { content: "\e9d0"; } .icon-requirement--interdisziplinares-Denken--44:before { content: "\e9d1"; } .icon-requirement--interkulturelle-Kompetenz--330:before { content: "\e9d2"; } .icon-requirement--Kommunikationsfahigkeit--41:before { content: "\e9d3"; } .icon-requirement--komplexes---vernetztes-Denken--44:before { content: "\e9d4"; } .icon-requirement--Kompromissbereitschaft--267:before { content: "\e9d5"; } .icon-requirement--Konfliktfahigkeit--320:before { content: "\e9d6"; } .icon-requirement--Kontaktfreude--7:before { content: "\e9d7"; } .icon-requirement--Konzentrationsfahigkiet--354:before { content: "\e9d8"; } .icon-requirement--Koordinationsfahigkeit--13:before { content: "\e9d9"; } .icon-requirement--Kreativitat--16:before { content: "\e9da"; } .icon-requirement--Kritikfahigkeit--275:before { content: "\e9db"; } .icon-requirement--kritisches-Denken--359:before { content: "\e9dc"; } .icon-requirement--Kund_innenorientierung--327:before { content: "\e9dd"; } .icon-requirement--Kunstverstandnis--60:before { content: "\e9de"; } .icon-requirement--Larmunempfindlichkeit--134:before { content: "\e9df"; } .icon-requirement--logisch-analytisches-Denken---Kombinationsfahigkeit--10:before { content: "\e9e0"; } .icon-requirement--Managementfahigkeit--360:before { content: "\e9e1"; } .icon-requirement--medizinisches-Verstandnis--311:before { content: "\e9e2"; } .icon-requirement--mit-Pflanzen-umgehen-konnen--240:before { content: "\e9e3"; } .icon-requirement--mit-Tieren-umgehen-konnen--241:before { content: "\e9e4"; } .icon-requirement--Modebewusstsein--331:before { content: "\e9e5"; } .icon-requirement--moglichst-frei-von-Allergien-sein--130:before { content: "\e9e6"; } .icon-requirement--Motivationsfahigkeit--265:before { content: "\e9e7"; } .icon-requirement--Musikalitat--250:before { content: "\e9e8"; } .icon-requirement--Prasentationsfahigkeit--321:before { content: "\e9e9"; } .icon-requirement--Problemlosungsfahigkeit--306:before { content: "\e9ea"; } .icon-requirement--Prozessverstandnis--362:before { content: "\e9eb"; } .icon-requirement--raumliches-Vorstellungsvermogen--245:before { content: "\e9ec"; } .icon-requirement--Rechtsbewusstsein--75:before { content: "\e9ed"; } .icon-requirement--Reisebereitschaft--313:before { content: "\e9ee"; } .icon-requirement--Rhythmikgefuhl--5:before { content: "\e9ef"; } .icon-requirement--Risikobewusstsein--278:before { content: "\e9f0"; } .icon-requirement--schriftliches-Ausdrucksvermogen--266:before { content: "\e9f1"; } .icon-requirement--Schwimmen-konnen--349:before { content: "\e9f2"; } .icon-requirement--Schwindelfreiheit--107:before { content: "\e9f3"; } .icon-requirement--Selbstbeherrschung--276:before { content: "\e9f4"; } .icon-requirement--Selbstorganisation--358-1:before { content: "\e9f5"; } .icon-requirement--Selbstorganisation--358:before { content: "\e9f6"; } .icon-requirement--Selbstvertrauen---Selbstbewusstsein--283:before { content: "\e9f7"; } .icon-requirement--sicherheitsbewusstsein--279:before { content: "\e9f8"; } .icon-requirement--soziales-Engagement--48:before { content: "\e9f9"; } .icon-requirement--Spontanitat--342:before { content: "\e9fa"; } .icon-requirement--systematische-Arbeitsweise--332:before { content: "\e9fb"; } .icon-requirement--tanzerische-Ausdrucksfahigkeit--86:before { content: "\e9fc"; } .icon-requirement--technisches-Verstandnis--8:before { content: "\e9fd"; } .icon-requirement--Umgang-mit-sozialen-Medien--363:before { content: "\e9fe"; } .icon-requirement--Umweltbewusstsein--239:before { content: "\e9ff"; } .icon-requirement--Unempfindliche-Haut--366:before { content: "\ea00"; } .icon-requirement--Unempfindlichkeit-gegen-Hitze--305:before { content: "\ea01"; } .icon-requirement--Unempfindlichkeit-gegenuber-chemischen-Stoffen--109:before { content: "\ea02"; } .icon-requirement--Unempfindlichkeit-gegenuber-Geruchen--122:before { content: "\ea03"; } .icon-requirement--Unempfindlichkeit-gegenuber-kunstlicher-Beleuchtung--120:before { content: "\ea04"; } .icon-requirement--Unempfindlichkeit-gegenuber-Staub--125:before { content: "\ea05"; } .icon-requirement--unternehmerisches-Denken--333:before { content: "\ea06"; } .icon-requirement--Verkaufstalent--329:before { content: "\ea07"; } .icon-requirement--Verschwiegenheit---Diskretion--243:before { content: "\ea08"; } .icon-requirement--Verstandnis-fur-Jugendliche-und-Kinder--50:before { content: "\ea09"; } .icon-requirement--Wetterfest--108:before { content: "\ea0a"; } .icon-requirement--wirtschaftliches-Verstandnis--312:before { content: "\ea0b"; } .icon-requirement--Zahlenverstandnis-und-Rechnen--302:before { content: "\ea0c"; } .icon-requirement--Zielstrebigkeit--274:before { content: "\ea0d"; } .icon-requirement-chemisches-Verstandnis--295:before { content: "\ea0e"; } .icon-requirements--Kochen-konnen--347:before { content: "\ea0f"; } .icon-smartphone:before { content: "\ea10"; } .icon-reg-arrow-left:before { content: "\e900"; } .icon-reg-arrow-right:before { content: "\e901"; } .icon-med-arrow-right:before { content: "\e902"; } .icon-med-arrow-right-circle:before { content: "\e903"; } .icon-bold-arrow-right-circle:before { content: "\e904"; } .icon-med-arrow-left-circle:before { content: "\e905"; } .icon-bold-arrow-left-circle:before { content: "\e906"; } .icon-reg-arrow-down:before { content: "\e907"; } .icon-reg-arrow-up:before { content: "\e908"; } .icon-reg-arrow-extern:before { content: "\e909"; } .icon-reg-arrow-uturn-right:before { content: "\e90a"; } .icon-reg-chevron-down:before { content: "\e90b"; } .icon-reg-chevron-up:before { content: "\e90c"; } .icon-reg-chevron-right:before { content: "\e90d"; } .icon-reg-chevron-left:before { content: "\e90e"; } .icon-dropdown:before { content: "\e90f"; } .icon-dropup:before { content: "\e910"; } .icon-plus-reg:before { content: "\e911"; } .icon-plus-thin:before { content: "\e912"; } .icon-x-reg:before { content: "\e913"; } .icon-x-reg-circle:before { content: "\e914"; } .icon-x-thin:before { content: "\e915"; } .icon-reg-minus:before { content: "\e916"; } .icon-check:before { content: "\e917"; } .icon-check-circle:before { content: "\e918"; } .icon-dotting:before { content: "\e919"; } .icon-reg:before { content: "\e91a"; } .icon-med:before { content: "\e91b"; } .icon-wiki-hint:before { content: "\e91c"; } .icon-burger:before { content: "\e91d"; } .icon-burger-close:before { content: "\e91e"; } .icon-cards:before { content: "\e91f"; } .icon-index:before { content: "\e920"; } .icon-download:before { content: "\e921"; } .icon-link-1:before { content: "\e922"; } .icon-social-instagram:before { content: "\e923"; } .icon-social-twitter:before { content: "\e924"; } .icon-social-facebook:before { content: "\e925"; } .icon-social-whatsapp-1:before { content: "\e926"; } .icon-social-link:before { content: "\e927"; } .icon-social-youtube:before { content: "\e928"; } .icon-social-tiktok:before { content: "\e929"; } .icon-social-email:before { content: "\e92a"; } .icon-social-messanger:before { content: "\e92b"; } .icon-social-telegram:before { content: "\e92c"; } .icon-social-github:before { content: "\e92d"; } .icon-social-behance:before { content: "\e92e"; } .icon-social-dribbble:before { content: "\e92f"; } .icon-social-newlink:before { content: "\e930"; } .icon-social-messages:before { content: "\e931"; } .icon-social-whatsapp:before { content: "\e932"; } .icon-social-linkedin:before { content: "\e933"; } .icon-profile:before { content: "\e934"; } .icon-people:before { content: "\e935"; } .icon-heart-full:before { content: "\e936"; } .icon-heart-outline:before { content: "\e937"; } .icon-search:before { content: "\e938"; } .icon-location-pin:before { content: "\e939"; } .icon-location-flag:before { content: "\e93a"; } .icon-compass:before { content: "\e93b"; } .icon-computer:before { content: "\e93c"; } .icon-play:before { content: "\e93d"; } .icon-play-circle:before { content: "\e93e"; } .icon-salary:before { content: "\e93f"; } .icon-cooking:before { content: "\e940"; } .icon-time:before { content: "\e941"; } .icon-diploma:before { content: "\e942"; } .icon-briefcase:before { content: "\e943"; } .icon-circle-infos:before { content: "\e944"; } .icon-circle-faq:before { content: "\e945"; } .icon-circle-attention:before { content: "\e946"; } .icon-blog:before { content: "\e947"; } .icon-filter:before { content: "\e948"; } .icon-love-list:before { content: "\e949"; } .icon-trophy:before { content: "\e94a"; } .icon-owl:before { content: "\e94b"; } .icon-treasure:before { content: "\e94c"; } .icon-globe:before { content: "\e94d"; } .icon-dog:before { content: "\e94e"; } .icon-diy:before { content: "\e94f"; } .icon-emergency:before { content: "\e950"; } .icon-calendar:before { content: "\e951"; } .icon-files:before { content: "\e952"; } .icon-nature:before { content: "\e953"; } .icon-like:before { content: "\e954"; } .icon-code:before { content: "\e955"; } .icon-building:before { content: "\e956"; } .icon-eye:before { content: "\e957"; } .icon-strong:before { content: "\e958"; } .icon-languages:before { content: "\e959"; } .icon-maths:before { content: "\e95a"; } .icon-edit:before { content: "\e95b"; } .icon-elephant:before { content: "\e95c"; } .icon-trash:before { content: "\e95d"; } .icon-notification:before { content: "\e95e"; } .icon-share:before { content: "\e95f"; } .icon-volume-mute:before { content: "\e960"; } .icon-fire:before { content: "\e961"; } .icon-shuffle:before { content: "\e962"; } .icon-tools-wheel:before { content: "\e963"; } .icon-tirol:before { content: "\e964"; } .icon-tirol-imst:before { content: "\e965"; } .icon-tirol-ibk-land:before { content: "\e966"; } .icon-tirol-ibk-stadt:before { content: "\e967"; } .icon-tirol-kitz:before { content: "\e968"; } .icon-tirol-kufstein:before { content: "\e969"; } .icon-tirol-landeck:before { content: "\e96a"; } .icon-tirol-lienz:before { content: "\e96b"; } .icon-tirol-reutte:before { content: "\e96c"; } .icon-tirol-schwaz:before { content: "\e96d"; } .icon-moon:before { content: "\e96e"; } .icon-vr:before { content: "\e96f"; } .icon-helmet:before { content: "\e970"; } .icon-ear:before { content: "\e971"; } .icon-dimensions:before { content: "\e972"; } .icon-compare:before { content: "\e973"; } .icon-megaphone:before { content: "\e974"; } .icon-dot:before { content: "\e975"; } .icon-average:before { content: "\e976"; } .icon-company:before { content: "\e977"; } .icon-pin:before { content: "\e978"; } .icon-trending:before { content: "\e979"; } .icon-star:before { content: "\e97a"; } .icon-chemistry:before { content: "\e97b"; } .icon-conversation:before { content: "\e97c"; } .icon-aim:before { content: "\e97d"; } .icon-dual:before { content: "\e97e"; } .icon-distance:before { content: "\e97f"; } .icon-direction:before { content: "\e980"; } .icon-bulb:before { content: "\e981"; } .icon-strengh-check:before { content: "\e982"; } .icon-education:before { content: "\e983"; } .icon-school-subjects:before { content: "\e984"; } .icon-puzzle:before { content: "\e985"; } .icon-link:before { content: "\e986"; } .icon-synonymous:before { content: "\e987"; } .icon-bookmark-full:before { content: "\e988"; } .icon-bookmark-outline:before { content: "\e989"; } .icon-bin:before { content: "\e98a"; } .icon-code-enter:before { content: "\e98b"; } .icon-code-generate:before { content: "\e98c"; } .icon-code-note:before { content: "\e98d"; } .icon-degree:before { content: "\e98e"; } .icon-phone:before { content: "\e98f"; } .icon-cash:before { content: "\e990"; } .icon-euro:before { content: "\e991"; } .icon-key:before { content: "\e992"; } .icon-fullscreen:before { content: "\e993"; } .icon-pause:before { content: "\e994"; } .icon-clock--slim:before { content: "\e995"; } .icon-radius:before { content: "\e996"; } .icon-institution:before { content: "\e997"; } .icon-raised-hand:before { content: "\e998"; } .icon-virus:before { content: "\e999"; } .icon-brush:before { content: "\e99a"; } .icon-chart:before { content: "\e99b"; } html { box-sizing: border-box; font-size: 10px; font-weight: 400; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: sans-serif; color: #181818; font-size: 2.4vw; } @media (min-width: 768px) { html { font-size: calc(11.6px + (100vw - 992px) * (6.6 / 992)); } } @media (min-width: 992px) { html { font-size: calc(6.6px + (100vw - 992px) * (6.6 / 992)); } } @media screen and (min-width: 1322px) { html { font-size: calc(6px + (100vw - 992px) * (6 / 992)); } } body { background-color: #f7f7f7; } h1, h2, h3 { all: unset; box-sizing: border-box; } a { text-decoration: none; color: inherit; } img { max-width: 100%; height: auto; width: 100%; } picture img { width: 100%; } input { border-radius: 0; } p { margin: 0; } *, *:active, *:focus { box-sizing: border-box; outline: none !important; } main { min-height: 100vh; } strong { font-weight: 700; } .preview-box { display: flex; flex-direction: column; height: 100%; padding: 0.8rem; border-radius: 1.2rem; border: solid 1px #ddd; background-color: #fff; } .preview-box.profession-preview .preview-box__title { max-width: calc(100% - 3rem); } .preview-box__headline-wrapper { display: flex; justify-content: space-between; width: 100%; } .preview-box__top { margin-bottom: 1.2rem; } .preview-box__top-tag { margin-bottom: 0.6rem; } .preview-box__headline { display: flex; justify-content: space-between; align-items: center; } .preview-box__title { position: relative; font-family: "Inter"; font-size: 1.8rem; font-weight: 700; letter-spacing: normal; line-height: 1.1; flex: 1 1 auto; hyphens: auto; -webkit-hyphens: auto; max-width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; padding-bottom: 1px; text-wrap: balance; } .preview-box__subtitle { font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.2; margin-bottom: 0.8rem; color: #6e6e6e; } .preview-box__actions { position: relative; display: flex; justify-content: center; height: max-content; } .preview-box__actions .icon { font-size: 1.6rem; } .preview-box__accordance { display: none; } .preview-box__accordance-level { margin-right: 0.8rem; margin-bottom: 0.4rem; } .preview-box__tags { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -0.4rem; } .preview-box__tag { margin-right: 0.4rem; margin-bottom: 0.4rem; max-width: 100%; } .preview-box__tag:last-child { margin-right: 0; } .preview-box__main-content { margin-bottom: 1.6rem; } .preview-box__image { margin-top: auto; position: relative; width: 100%; } .preview-box__image .image { width: 100%; padding-bottom: 66.666667%; } .preview-box__image .image__preloader { border-radius: 0.8rem; } .preview-box__image .image figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .preview-box__image .image figure picture { width: 100%; height: 100%; } .preview-box__image .image figure picture img { border-radius: 0.8rem; width: 100%; height: 100%; object-fit: contain; object-position: center; } .preview-box__image-label { position: absolute; top: 0.8rem; left: 0.8rem; padding: 0.2rem 0.8rem; border-radius: 10000px; -webkit-backdrop-filter: blur(4rem); backdrop-filter: blur(4rem); background-color: rgba(255, 255, 255, 0.9); font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; } .preview-box__image-copyrights { position: absolute; bottom: 0.4rem; left: 0.4rem; color: #fff; padding: 0.4rem 0.8rem; border-radius: 100rem; background-color: rgba(0, 0, 0, 0.25); backdrop-filter: blur(2rem); white-space: nowrap; max-width: 80%; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 992px) { .preview-box__title { font-size: 1.6rem; } } @media (min-width: 992px) { .preview-box { border-radius: 1.6rem; padding: 1.6rem; } .preview-box.profession-preview .preview-box__title { padding-right: 1.2rem; } .preview-box__top { margin-bottom: 1.6rem; } .preview-box__headline { align-items: flex-start; } .preview-box__title { margin-bottom: 0.2rem; -webkit-line-clamp: 3; } .preview-box__subtitle { font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.4; margin-bottom: 0.8rem; } .preview-box__actions { top: 0.4rem; flex: 0 0 3rem; } .preview-box__accordance { display: flex; align-items: flex-end; } .preview-box__accordance-level { margin-right: 0.4rem; margin-bottom: 0; } .preview-box__accordance-level--mobile { display: none; } .preview-box__accordance-label { font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.4; color: #6e6e6e; line-height: 0.7; white-space: nowrap; } } @media (hover: hover) { .preview-box { position: relative; transition: box-shadow .3s ease, border .3s ease; cursor: pointer; } .preview-box:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #181818; border-radius: 1.6rem; opacity: 0.0; transition: opacity .3s ease; pointer-events: none; } .preview-box:hover { box-shadow: 0 1.2px 1.5px 0 rgba(0, 0, 0, 0.02), 0 2.8px 3.6px 0 rgba(0, 0, 0, 0.02), 0 5.3px 6.8px 0 rgba(0, 0, 0, 0.03), 0 9.4px 12.1px 0 rgba(0, 0, 0, 0.04), 0 17.5px 22.6px 0 rgba(0, 0, 0, 0.04), 0 42px 54px 0 rgba(0, 0, 0, 0.06); } .preview-box:hover:before { opacity: 1.0; } .preview-box .item-tag:not(.pointer-auto) { cursor: pointer; } } .preview-box-overview__items-wrapper { margin-bottom: -0.4rem; } .preview-box-overview__item { margin-bottom: 0.4rem; } @media (max-width: 992px) { .preview-box-overview__item { padding: 0 0.4rem; } } @media (min-width: 992px) { .preview-box-overview__items-wrapper { margin-bottom: -1.6rem; } .preview-box-overview__item { margin-bottom: 1.6rem; } } .favorite-item { display: flex; align-items: flex-start; background-color: #fff; border-radius: 0.8rem; border: 0.1rem solid #ddd; padding: 0.8rem; } .favorite-item.removed { pointer-events: none; transform: scale(0.2) translateY(-40%); opacity: 0.0; z-index: -1; transition: opacity .2s ease, transform .4s ease; } .favorite-item__placeholder { width: 100%; height: 12.6rem; border-radius: 0.8rem; background-color: #fff; border: 0.1rem solid #ddd; display: flex; align-items: center; } .favorite-item__placeholder .desktop { display: none; } .favorite-item__placeholder .mobile { height: 100%; } .favorite-item__placeholder .mobile, .favorite-item__placeholder .desktop { object-fit: contain; } .favorite-item__subtitle { font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.4; color: #6e6e6e; margin-top: 0.2rem; } .favorite-item__image { flex: 0 0 9.6rem; width: 9.6rem; border-radius: 0.4rem; overflow: hidden; margin-right: 0.8rem; } .favorite-item__image img { aspect-ratio: 15 / 10; object-fit: contain; object-position: center; } .favorite-item__content { flex: 1 1 auto; max-width: 100%; min-width: 0; } .favorite-item__column:nth-child(3) { display: none; } .favorite-item__title { display: flex; align-items: flex-start; justify-content: space-between; overflow: visible; } .favorite-item__title > span { flex: 0 0 calc(100% - 3rem); overflow: hidden; text-overflow: ellipsis; } .favorite-item__action-icon { margin-right: 1rem; } .favorite-item__action-icon:last-child { margin-right: 0; } .favorite-item__action-icon .icon { font-size: 2rem; } .favorite-item__mobile-actions-trigger { position: relative; flex: 0 0 3rem; height: 2rem; width: 2rem; display: flex; align-items: center; justify-content: center; } @media (max-width: 992px) { .favorite-item__column:nth-child(1) .preview-box__accordance { display: none; } .favorite-item__column:nth-child(1) .favorite-profession-preview__insights { display: none; } } @media (min-width: 768px) { .favorite-item__placeholder { height: 8.5rem; } .favorite-item__placeholder .mobile { display: none; } .favorite-item__placeholder .desktop { display: block; } } @media (min-width: 992px) { .favorite-item { padding: 1.6rem; border-radius: 1.6rem; } .favorite-item__placeholder { height: 14rem; border-radius: 1.6rem; } .favorite-item__image { flex: 0 0 16rem; width: 16rem; border-radius: 0.8rem; margin-right: 2.4rem; } .favorite-item__content { flex: 1 1 auto; display: flex; align-items: flex-start; flex-wrap: nowrap; } .favorite-item__column:nth-child(1) { flex: 0 0 35%; padding-right: 4rem; } .favorite-item__column:nth-child(2) { flex: 1 1 auto; padding-right: 4rem; width: 20%; } .favorite-item__column:nth-child(3) { margin-left: auto; padding-left: 2rem; display: flex; align-items: center; } .favorite-item__mobile-actions-trigger { display: none; } } @media (hover: hover) { .favorite-item { transition: box-shadow .3s ease; } .favorite-item:hover { box-shadow: 0px 1.162247777px 1.4943184853px rgba(0, 0, 0, 0.02), 0px 2.7930428982px 3.5910551548px rgba(0, 0, 0, 0.02), 0px 5.2590517998px 6.7616381645px rgba(0, 0, 0, 0.03), 0px 9.3812494278px 12.0616064072px rgba(0, 0, 0, 0.04), 0px 17.5465965271px 22.5599098206px rgba(0, 0, 0, 0.04), 0px 42px 54px rgba(0, 0, 0, 0.06); } .favorite-item__action-icon { cursor: pointer; } } .favorite-list__item { margin-bottom: 1.2rem; } .favorite-list__item:last-child { margin-bottom: 0; } .related-slider__headline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.4rem; } .related-slider__headline .details-block-headline__wrapper { margin-bottom: 0; } .related-slider__nav { display: none; } .related-slider__slider-wrapper .swiper { padding-left: 2rem; padding-right: 2rem; padding-bottom: 10rem; margin-bottom: -10rem; } @media (min-width: 768px) { .related-slider__slider-wrapper .swiper { padding-left: calc((100% - 2rem) / 12 + 2rem); padding-right: calc((100% - 2rem) / 12 + 2rem); } } @media (min-width: 992px) { .related-slider__slider-wrapper .swiper { padding-left: calc((100% - 14.4rem) * 0.17); padding-right: 2rem; } .related-slider__nav { display: flex; align-items: center; } .related-slider__nav-item { width: 4.8rem; height: 4.8rem; border-radius: 100%; background-color: #1e5f6e; display: flex; align-items: center; justify-content: center; color: #fff; } .related-slider__nav-item .icon { font-size: 2.4rem; } .related-slider__nav-item--prev { margin-right: 0.4rem; } .related-slider__nav-item--disabled { cursor: no-drop !important; background-color: #bacfd3; } } @media (hover: hover) { .related-slider__nav-item { cursor: pointer; } } .details-page__side-column { padding-bottom: 5.6rem; } .details-page__mobile-sidebar-trigger { position: fixed; left: 50%; bottom: 1.6rem; transform: translateX(-50%) translateY(0); transition: transform .3s ease; z-index: 20; } .details-page__mobile-sidebar-trigger.hidden { transform: translateX(-50%) translateY(calc(100% + 1.6rem)); } @media (min-width: 992px) { .details-page__mobile-sidebar-trigger { display: none; } .details-page__sidebar { padding-bottom: 5.6rem; } .details-page__sidebar .details-page-sidebar { padding: 1.2rem 1.6rem; background-color: #FFFFFF; border-radius: 0.8rem; border: solid 1px #ddd; } } .card-time { position: absolute; left: 50%; top: 1.8rem; max-width: 100%; transform: translateX(-50%); font-family: Inter; font-size: calc(var(--variable-width) * 0.045); font-weight: 500; line-height: 1.05; z-index: 10; color: var(--theme-secondary-color); } @media (min-width: 992px) { .card-time { top: 2rem; font-size: calc(var(--variable-width) * 0.05); } } .overview-header { margin-bottom: 1.6rem; } .overview-header:not(.has-active-filters) .overview-header__active-filters { display: none; } .overview-header__title { font-family: "Inter"; font-size: 2.2rem; font-weight: 500; letter-spacing: normal; line-height: 1.25; color: #181818; margin-bottom: 1.6rem; } .overview-header__active-filters-wrapper { position: relative; left: -2rem; width: calc(100% + 2rem * 2); overflow: auto; /* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .overview-header__active-filters-wrapper::-webkit-scrollbar { display: none; } .overview-header__active-filters { width: max-content; display: flex; align-items: center; padding: 0 2rem; } .overview-header__active-filter { margin-right: 0.4rem; } .overview-header__active-filter:last-child { margin-right: 0; } .overview-header__reset-filter { font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.25; line-height: 0.9; align-items: center; height: max-content; display: none; } .overview-header__reset-filter--mobile { display: flex; margin-right: 0.4rem; text-decoration: underline; } .overview-header__random-filter { display: none; margin-bottom: 1.6rem; } .overview-header__random-filter--mobile { display: block; } @media (min-width: 768px) { .overview-header__active-filters-wrapper { position: relative; left: calc((100vw - 2rem) / -12 - 2rem); width: 100vw; } .overview-header__active-filters { padding: 0 calc((100vw - 2rem) / 12 + 2rem); } } @media (max-width: 992px) { .overview-header__active-filter .item-tag { padding: 0.8rem 1.2rem !important; } .overview-header__active-filter .item-tag .title { font-size: 1.4rem !important; } .overview-header__active-filter .item-tag .icon { font-size: 2rem !important; } } @media (min-width: 992px) { .overview-header { display: flex; align-items: center; margin-bottom: 4rem; } .overview-header:not(.has-active-filters) .overview-header__title { margin-bottom: 0; } .overview-header.has-active-filters { align-items: flex-end; } .overview-header__tags-column { flex: 1 1 auto; margin-right: 4rem; } .overview-header__title { margin-bottom: 0.8rem; } .overview-header__active-filters-wrapper { width: 100%; left: 0; overflow: visible; } .overview-header__active-filters { width: 100%; flex-wrap: wrap; margin-bottom: -0.4rem; overflow: visible; padding: 0; } .overview-header__active-filter { margin-bottom: 0.4rem; } .overview-header__random-filter { display: flex; justify-content: flex-end; margin-bottom: 0; } .overview-header__random-filter--mobile { display: none; } .overview-header__reset-filter { display: flex; margin-bottom: 0.4rem; } .overview-header__reset-filter--mobile { display: none; } } @media (hover: hover) { .overview-header__reset-filter { cursor: pointer; } } .mobile-filter__item { padding: 2rem 0; border-top: 0.1rem solid #ddd; } .mobile-filter__item:first-child { border-top: none; padding-top: 0; } .mobile-filter__item.mobile-filter__item--accordion.opened .mobile-filter__item-headline-icon .icon { transform: scale(-1); } .mobile-filter__item.mobile-filter__item--accordion .icon { transition: transform .3s ease; } .mobile-filter__item.mobile-filter__item--toggle .toggle-checkbox { padding: 0.8rem 0; background-color: transparent; border-radius: 0; border: none; width: 100%; justify-content: space-between; } .mobile-filter__item.mobile-filter__item--toggle .toggle-checkbox.selected { background-color: transparent; } .mobile-filter__item.mobile-filter__item--toggle .toggle-checkbox:before { display: none; } .mobile-filter__item.mobile-filter__item--toggle .toggle-checkbox__label { font-family: "Inter"; font-size: 1.8rem; font-weight: 700; letter-spacing: normal; line-height: 1; color: #181818 !important; } .mobile-filter__item-headline { display: flex; justify-content: space-between; align-items: center; } .mobile-filter__item-headline-title { font-family: "Inter"; font-size: 1.8rem; font-weight: 700; letter-spacing: normal; line-height: 1; } .mobile-filter__item-headline-icon { padding: 0.8rem 0 0.8rem 0.8rem; } .mobile-filter__item-headline-icon .icon { color: #6e6e6e; font-size: 1.8rem; } .mobile-filter__item-content { padding-top: 2rem; padding-bottom: 1rem; } .simple-accordion-set__content-wrapper { height: 0; overflow: hidden; transition: height .3s ease; } .mobile-filter-header { display: flex; justify-content: center; align-items: center; } .mobile-filter-header__item { margin-right: 0.8rem; min-width: 9.2rem; font-family: "Inter"; font-size: 1.8rem; font-weight: 700; letter-spacing: normal; line-height: 1; color: #ddd; } .mobile-filter-header__item.active { color: #181818; } .mobile-filter-header__item:last-child { margin-right: 0; } .provider-details { margin-top: 3.2rem; } .provider-details.bbc28685-7fd6-4f8f-9cef-82551484bfde .rough-headline h1, .provider-details.a3aa468b-8b7b-4ad6-9190-7cd734807dbd .rough-headline h1 { hyphens: auto !important; } .provider-details .rough-headline h1 { text-wrap: balance; hyphens: auto; } .provider-details__quick-actions-wrapper { display: flex; justify-content: space-between; margin-bottom: 0.8rem; } .provider-details__quick-actions-wrapper brt-button { width: calc(50% - 0.2rem); } .provider-details__quick-actions-wrapper .button { width: 100%; } .provider-details__meta-wrapper { margin-bottom: 3.2rem; } .provider-details__certificates-wrapper { margin-bottom: 3.2rem; } .provider-details__hero-image { position: relative; margin-bottom: 3.2rem; } .provider-details__hero-image-wrapper { position: relative; aspect-ratio: 3 / 2; width: 100%; height: 100%; border-radius: 0.8rem; overflow: hidden; } .provider-details__hero-image-wrapper.image-loaded > img { display: none; } .provider-details__hero-image-wrapper .image figure { width: 100%; height: 100%; } .provider-details__hero-image-wrapper .image figure picture { width: 100%; height: 100%; } .provider-details__hero-image-wrapper .image figure picture img { width: 100%; height: 100%; border-radius: 0.8rem; object-fit: cover; background-color: transparent !important; } .provider-details__hero-image-wrapper .image__preloader { background-color: transparent !important; } .provider-details__hero-image-wrapper > img { position: absolute; left: 0; top: 0; aspect-ratio: 3 / 2; width: 110%; height: 110%; z-index: 10; object-fit: cover; } .provider-details__hero-image-caption { margin-top: 0.8rem; padding-left: 0.8rem; font-family: "Inter"; font-size: 1.2rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; color: #969696; } .provider-details__section { position: relative; margin-bottom: 5.6rem; } .provider-details__description { font-family: "Inter"; font-size: 1.7rem; font-weight: 400; letter-spacing: normal; line-height: 1.4; margin-bottom: 5.6rem; } .provider-details__description p { margin-bottom: 1em; } .provider-details__description p:last-child { margin-bottom: 0; } .provider-details__description strong { font-weight: 700; } .provider-details__description a { color: #1e5f6e; text-decoration: underline; } .provider-details__list-information-content { font-family: "Inter"; font-size: 1.7rem; font-weight: 400; letter-spacing: normal; line-height: 1.4; } .provider-details__list-information-content ul, .provider-details__list-information-content ol { list-style: none; } .provider-details__list-information-content ul li, .provider-details__list-information-content ol li { padding-left: 1.7rem; margin-bottom: 1.2rem; } .provider-details__list-information-content ul li:before, .provider-details__list-information-content ol li:before { content: ""; background-color: #1e5f6e; display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 50%; margin-left: -1.7rem; margin-right: 0.845rem; } .provider-details__list-information-content a { color: #1e5f6e; text-decoration: underline; } .provider-details__list-information-content p { margin-bottom: 1.2rem; } .provider-details__list-information-content p:last-child { margin-bottom: 0; } @media (min-width: 992px) { .provider-details { margin-top: 0; } .provider-details .rough-headline h1 { text-wrap: balance; hyphens: manual; } } .item-action-trigger { position: relative; z-index: 10; } .item-action-trigger:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 3rem; height: 3rem; z-index: 0; } @media (hover: hover) { .item-action-trigger { cursor: pointer; } .item-action-trigger > * { z-index: 1; position: relative; } .item-action-trigger:before { transition: background-color .3s ease; border-radius: 0.4rem; } .item-action-trigger:hover:before { background-color: #ddd; } } .text-card-slide { padding: 2.4rem 1.6rem; border: solid 1px #ddd; background-color: #fff; border-radius: 1.6rem; display: flex; flex-direction: column; height: 100%; } .text-card-slide__icon-wrapper { margin-bottom: 1.6rem; width: 3.8rem; height: 3.8rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #f1f5f5; font-size: 2.2rem; color: #1e5f6e; } .text-card-slide__headline { font-family: "Inter"; font-size: 1.8rem; font-weight: 700; letter-spacing: normal; line-height: 1.1; margin-bottom: 1.6rem; hyphens: auto; } .text-card-slide__text { position: relative; font-family: "Inter"; font-size: 1.4rem; font-weight: 400; letter-spacing: normal; line-height: 1.35; margin-bottom: 2.4rem; } .text-card-slide__text p { display: inline; } .text-card-slide__text.has-read-more:after { content: "\e919"; font-family: "berufsreise"; display: inline; position: relative; border-radius: 0.4rem; padding: 0 0.2rem; background-color: #e6e6e6; color: #181818; border: 0.1rem solid #bbb; left: -1rem; cursor: pointer; } .text-card-slide__text-dots { display: inline; } .text-card-slide__link-wrapper { margin-top: auto; font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; color: #1e5f6e; position: relative; } @media (max-width: 992px) { .text-card-slide__headline { font-size: 1.6rem; } } @media (hover: hover) { .text-card-slide { transition: box-shadow .3s ease; } .text-card-slide:hover { box-shadow: 0px 1.162247777px 1.4943184853px 0px rgba(0, 0, 0, 0.02), 0px 2.7930428982px 3.5910551548px 0px rgba(0, 0, 0, 0.02), 0px 5.2590517998px 6.7616381645px 0px rgba(0, 0, 0, 0.03), 0px 9.3812494278px 12.0616064072px 0px rgba(0, 0, 0, 0.04), 0px 17.5465965271px 22.5599098206px 0px rgba(0, 0, 0, 0.04), 0px 42px 54px 0px rgba(0, 0, 0, 0.06); } } .xng-breadcrumb-list { font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; color: #6e6e6e; flex-wrap: nowrap !important; } .xng-breadcrumb-list li { white-space: nowrap; } .xng-breadcrumb-list li:last-child { overflow: hidden; display: flex; } .xng-breadcrumb-link, .xng-breadcrumb-trail { display: inline !important; text-overflow: ellipsis; max-width: 100%; overflow: hidden; } .xng-breadcrumb-trail { color: inherit !important; } .button.asd { padding: 0.8rem; font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; border-radius: 1.6rem; display: inline-block; cursor: pointer; width: max-content; } .button.asd--large { padding: 0.8rem 3rem; font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.25; border-radius: 1.6rem; } .button.asd--red { color: #FFFFFF; background-color: #fa2027; } .button.asd--river { color: #FFFFFF; background-color: #1e5f6e; } .button.asd--white { color: #181818; background-color: #FFFFFF; border: 1px solid #bbb; } @media (min-width: 992px) { .button.asd--large { padding: 1.2rem 1.6rem; font-family: "Inter"; font-size: 1.6rem; font-weight: 500; letter-spacing: normal; line-height: 1.25; border-radius: 100rem; } } .details-block-headline { display: inline; align-items: center; font-family: "Inter"; font-size: 2.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; max-width: 100%; width: max-content; box-shadow: inset 0px -0.15em 0px -1px #1e5f6e; } .details-block-headline__count { display: inline-flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-family: Inter; font-size: 1.1rem; font-weight: bold; line-height: 1; background-color: #1e5f6e; color: #FFFFFF; margin-left: 0.8rem; border-radius: 50%; } .details-block-headline__wrapper { margin-bottom: 2.4rem; position: relative; z-index: 1; } .expandable-block { position: relative; } .expandable-block.short .expandable-block-footer { display: flex; } .expandable-block.short-back .expandable-block-footer { display: flex; position: relative; height: 6rem; } .animline { position: relative; width: max-content; max-width: 100%; } .animline:before, .animline:after { content: ""; position: absolute; top: calc(100% + 0.1rem); border-top: 0.1rem solid #1e5f6e; transition: width .3s ease; pointer-events: none; } .animline:before { left: 0; width: 100%; transition-delay: 0.3s; } .animline:after { width: 0; right: 0; } .animline--black:before, .animline--black:after { border-color: #181818; } .animline--white:before, .animline--white:after { border-color: #fff; } @media (hover: hover) { .animline { cursor: pointer; } .animline:hover:before { right: 0; width: 0; left: unset; transition-delay: 0s; } .animline:hover:after { width: 100%; right: unset; left: 0; transition-delay: 0.3s; } } .sorting-dropdown { position: relative; display: flex; font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; color: #6e6e6e; } .sorting-dropdown__label { position: absolute; left: 0; margin-right: 0.5rem; pointer-events: none; top: -0.1rem; } .sorting-dropdown__select-wrapper { display: flex; align-items: center; } .sorting-dropdown__select { width: 2.7rem; } .sorting-dropdown__select-icon { font-size: 0.8rem; margin-left: 0.4rem; } @media (hover: hover) { .sorting-dropdown { cursor: pointer; } } .illustration-card { height: 100%; padding: 2.4rem; border-radius: .8rem; border: solid 0.1rem #ddd; background-image: linear-gradient(to right, #fff 66%, rgba(255, 255, 255, 0) 100%); position: relative; display: flex; flex-direction: column; } .illustration-card:after { content: ""; position: absolute; background-image: url("/assets/img/bg-squares-grid.svg"); background-size: cover; background-position: center right; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #FFFFFF; } .illustration-card__icon-wrapper { margin-bottom: 2.4rem; width: 10.8rem; } .illustration-card__headline { font-family: "Inter"; font-size: 1.8rem; font-weight: 700; letter-spacing: normal; line-height: 1.1; margin-bottom: 0.8rem; color: #181818; } .illustration-card__text { margin-bottom: 1.6rem; font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.4; color: #6e6e6e; } .illustration-card__cta-wrapper { width: max-content; margin-top: auto; } @media (max-width: 992px) { .illustration-card__headline { font-size: 1.6rem; } .illustration-card__cta-wrapper .button { padding: 0.4rem 0.8rem 0.5rem !important; } .illustration-card__cta-wrapper .button .title { font-size: 1.3rem !important; } } @media (min-width: 992px) { .illustration-card { background-image: linear-gradient(to right, #fff 31%, rgba(255, 255, 255, 0) 100%); } } @media (hover: hover) { .illustration-card { transition: box-shadow .3s ease; } .illustration-card:hover { box-shadow: 0 1.2px 1.5px 0 rgba(0, 0, 0, 0.02), 0 2.8px 3.6px 0 rgba(0, 0, 0, 0.02), 0 5.3px 6.8px 0 rgba(0, 0, 0, 0.03), 0 9.4px 12.1px 0 rgba(0, 0, 0, 0.04), 0 17.5px 22.6px 0 rgba(0, 0, 0, 0.04), 0 42px 54px 0 rgba(0, 0, 0, 0.06); } } .ellipse { display: block; width: 100%; height: 100%; } .ellipse--visible svg ellipse { stroke-dasharray: 5000, 5000 !important; } .ellipse svg { width: 100% !important; height: 100% !important; overflow: visible; } .ellipse svg ellipse { position: absolute; left: 0; top: 0; cx: 50%; cy: 50%; rx: 50%; ry: 50%; transform: rotate(-90deg) translateX(-100%); stroke-dasharray: 0, 0; stroke: #1e5f6e; stroke-width: 0.2rem; transition: stroke-dasharray 0.5s linear; } .ellipse:not(.ellipse--manual):hover ellipse { stroke-dasharray: 5000, 5000; } .svg-border-gradient { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* border-radius: 100%; */ overflow: visible; /* box-sizing: border-box; */ pointer-events: none; } .form__body { background-color: #FFFFFF; padding: 2.4rem 1.6rem; border-radius: 0.8rem; border: 1px solid #ddd; } .form__row { display: flex; flex-direction: column; gap: 2.4rem; margin-bottom: 2.4rem; width: 100%; } .form__row:last-child { margin-bottom: 0; } .form__hr { border: 0.1rem solid #D9D9D9; margin: 2.4rem 0; } .form__info-box { width: 100%; padding: 1.6rem; background-color: #f1f5f5; border-radius: 0.8rem; } .form__info-headline { margin-bottom: 0.4rem; font-family: Inter; font-size: 1.7rem; font-style: normal; font-weight: 700; line-height: 110%; /* 1.87rem */ color: #1a4c58; } .form__info-text { font-family: Inter; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 130%; /* 1.95rem */ } .form__group { flex: 1 1 auto; } .form__group:has(input[type='date']) { position: relative; } .form__group:has(input[type='date']):before { content: attr(data-placeholder); font-family: Inter; font-size: 1.5rem; font-style: normal; font-weight: 500; line-height: 145%; /* 2.175rem */ color: #969696; position: absolute; left: 1.4rem; bottom: 1rem; font-size: 1.6rem; pointer-events: none; } .form__group:has(input[type='date']):after { content: "\e951"; font-family: "berufsreise"; position: absolute; right: 1.4rem; bottom: 1.4rem; font-size: 1.6rem; color: #1e5f6e; pointer-events: none; } .form__group:has(input[type='date'].has-value):before { display: none; } .form__group input[type="date"]:in-range::-webkit-datetime-edit-year-field, .form__group input[type="date"]:in-range::-webkit-datetime-edit-month-field, .form__group input[type="date"]:in-range::-webkit-datetime-edit-day-field, .form__group input[type="date"]:in-range::-webkit-datetime-edit-text { color: transparent; } .form__group input[type='date'] { height: 4.4rem; } .form__group input[type='date']::-webkit-inner-spin-button, .form__group input[type='date']::-webkit-calendar-picker-indicator { opacity: 0; } .form__group input[type='date']::placeholder { display: none; } .form__group:has(select) { position: relative; } .form__group:has(select):before { content: "\e90f"; font-family: "berufsreise"; position: absolute; right: 1.2rem; bottom: 1.4rem; font-size: 1.2rem; z-index: 3; } .form__group.disabled:has(select):before { color: #969696; } .form__group.disabled .form__input { pointer-events: none; border: 1px solid #bbb; background: #f0f0f2; color: #969696; } .form__error-wrapper { font-family: "Inter"; font-size: 1.2rem; font-weight: 700; letter-spacing: normal; line-height: 1.45; text-transform: uppercase; display: block; } .form__error { color: #fa2027; } .form__label-wrapper { display: flex; justify-content: space-between; margin-bottom: 0.4rem; } .form__label { font-family: "Inter"; font-size: 1.2rem; font-weight: 700; letter-spacing: normal; line-height: 1.45; text-transform: uppercase; display: block; color: #181818; } .form__required-symbol { color: #fa2027; } .form__input-custom-data { padding-right: 4rem; min-height: 2.4rem; z-index: 1; position: relative; pointer-events: none; } .form__input-custom-data > * { pointer-events: auto; } .form__input { display: block; width: 100%; padding: 1rem 1.2rem; border-radius: 0.8rem; border: 1px solid #ddd; background: #fcfcfc; font-family: Inter; font-size: 1.5rem; font-style: normal; font-weight: 500; line-height: 145%; /* 2.175rem */ } .form__input::placeholder { color: #969696; } .form__input--multiselect select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; } .form__input--hidden { width: 0; height: 0; } .form__input--textarea { height: 20rem; } .form__radio-group { display: flex; flex-direction: column; gap: 0.8rem; } .form__radio-wrapper input { display: none; } .form__radio-label { display: flex; align-items: center; gap: 1.2rem; } .form__radio-label:has(input:checked) .form__radio-label-icon { border: 0.3rem solid #1e5f6e; position: relative; } .form__radio-label:has(input:checked) .form__radio-label-icon:before { content: ""; display: block; width: 1.2rem; height: 1.2rem; background-color: #1e5f6e; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .form__radio-label-icon { display: block; width: 2.4rem; height: 2.4rem; border: 0.1rem solid #cbcbcb; border-radius: 50%; } .form__radio-label-text { font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.1; } .form__submit-button { display: flex; align-items: center; justify-content: center; color: #fff; background-color: #1e5f6e; padding: 1.2rem 1.6rem; border-radius: 100rem; width: 100%; font-family: "Inter"; font-size: 1.6rem; font-weight: 500; letter-spacing: normal; line-height: 1.25; cursor: pointer; } @media (min-width: 992px) { .form__body { padding: 2.4rem; } .form__row { flex-direction: row; gap: 1.6rem; } } .pell-editor { border-radius: 0.8rem; border: 1px solid #ddd; background: #fcfcfc; overflow: hidden; } .pell-editor .pell-content { font-family: Inter; font-size: 1.5rem; font-style: normal; line-height: 145%; /* 2.175rem */ min-height: 30rem; height: max-content; } .pell-editor .pell-content:empty:before { content: attr(placeholder); color: #969696; } .pell-editor .pell-content:focus:before { content: ""; } .pell-editor .pell-content a { color: #1e5f6e; } .pell-editor .pell-content ul, .pell-editor .pell-content ol { list-style: initial; } .tippy-content { font-size: 1.2rem; padding: 1.2rem; border-radius: 0.8rem; } body.no-scroll { overflow: hidden; overscroll-behavior: none; height: 100dvh; width: 100%; } .details-page-sidebar__section { border-bottom: solid 1px #ddd; padding: 2.4rem 0; } .details-page-sidebar__section--duration { padding: 1.2rem 0 2rem; } .details-page-sidebar__section:first-child { padding-top: 1.2rem; } .details-page-sidebar__section:last-child { border-bottom: 0; padding-bottom: 1.2rem; } .details-page-sidebar__section .locations-map { margin-bottom: 2.4rem; } .details-page-sidebar__section-headline { font-family: "Inter"; font-size: 1.5rem; font-weight: 700; letter-spacing: normal; line-height: 1.21; margin-bottom: 1.6rem; } .details-page-sidebar__icon-item { display: flex; align-items: center; } .details-page-sidebar__icon-item-label { margin-left: 0.8rem; font-family: "Inter"; font-size: 1.5rem; font-weight: 400; letter-spacing: normal; line-height: 1.3; } .details-page-sidebar__icon-item-icon { flex-shrink: 0; } .details-page-sidebar__icon-item-icon img { width: 3.2rem; } .details-page-sidebar__icon-item-icon--large img { width: 3.6rem; } .details-page-sidebar__links li { margin-bottom: 1.2rem; cursor: pointer; } .details-page-sidebar__links li:last-child { margin-bottom: 0; } .details-page-sidebar__links li a { display: flex; color: #1e5f6e; font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; } .details-page-sidebar__links li a .icon { margin-right: 0.4rem; font-size: 1.6rem; } .details-page-sidebar__show-route { margin-top: 0.4rem; display: flex; align-items: center; font-family: "Inter"; font-size: 1.5rem; font-weight: 500; letter-spacing: normal; line-height: 1.3; color: #1e5f6e; } .details-page-sidebar__show-route span:first-child { margin-right: 0.4rem; } .details-page-sidebar__show-route span:first-child::ng-deep .icon { font-size: 1.6rem; } .game-dashboard-block { position: relative; border-radius: 1.6rem; background: rgba(255, 255, 255, 0.1); color: #FFFFFF; height: 100%; display: flex; flex-direction: column; padding: 1px; } .game-dashboard-block:before { content: ""; position: absolute; inset: 0; border-radius: 1.6rem; padding: 1px; background: linear-gradient(45deg, #6041FF00, #6041FF); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; width: 100%; height: 100%; z-index: 1; } @media (min-width: 992px) { .game-dashboard-block { padding: 2px; } .game-dashboard-block:before { padding: 2px; } } .skeleton-desktop { display: none; } @media (min-width: 992px) { .skeleton-desktop { display: block; } .skeleton-mobile { display: none; } } .dashboard-widget { border-radius: 1.6rem; border: 1px solid #ddd; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .dashboard-widget__header { padding: 0.8rem 1.6rem; background-color: #f0f0f2; display: flex; align-items: center; } .dashboard-widget__header-icon { margin-right: 0.4rem; font-size: 2rem; color: #1e5f6e; display: flex; } .dashboard-widget__header-icon--small { font-size: 1.8rem; margin-right: 0.5rem; } .dashboard-widget__header-title { font-family: "Inter"; font-size: 1.5rem; font-weight: 700; letter-spacing: normal; line-height: 1.1; display: flex; } .dashboard-widget__header-count { width: 1.6rem; height: 1.6rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-family: "Inter"; font-size: 1rem; font-weight: 700; letter-spacing: normal; line-height: 1; color: #FFFFFF; background-color: #bbb; margin-left: 0.4rem; } .dashboard-widget__header-count--active { background-color: #1e5f6e; } .dashboard-widget__header-action-wrapper { margin-left: auto; } .dashboard-widget__header-action-icon { font-size: 2rem; color: #1e5f6e; } .dashboard-widget__body { padding: 0 1.6rem; background-color: #FFFFFF; flex-grow: 1; display: flex; flex-direction: column; position: relative; min-height: 33rem; } .dashboard-widget__body.empty { background-image: url("/assets/img/empty-states/empty-boxes.svg"); background-repeat: no-repeat; background-size: cover; } .dashboard-widget__body.empty--lines { background-image: url("/assets/img/empty-states/empty-lines.svg"); background-size: contain; } .dashboard-widget__body.empty:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 48%); z-index: 0; } .dashboard-widget__line-item { position: relative; z-index: 5; padding: 2.4rem 0.8rem; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: space-between; align-items: center; } .dashboard-widget__line-item:last-child { border-bottom: none; } .dashboard-widget__line-item-title { font-family: "Inter"; font-size: 1.4rem; font-weight: 500; letter-spacing: normal; line-height: 1.2; } .dashboard-widget__line-item-value { font-family: "Inter"; font-size: 1.5rem; font-weight: 700; letter-spacing: normal; line-height: 1.1; } .dashboard-widget__image-text-item { display: flex; gap: 1.6rem; padding: 2rem 0; border-bottom: 1px solid #e6e6e6; margin-bottom: 1.6rem; } .dashboard-widget__image-text-item:last-child { border-bottom: none; } .dashboard-widget__image-text-item--button-wrapper { padding: 1.6rem 0; } .dashboard-widget__image-text-item-image-wrapper { flex: 0 0 9rem; } .dashboard-widget__image-text-item-image { width: 9rem; height: 6rem; object-fit: cover; border-radius: 0.8rem; } .dashboard-widget__image-text-item-headline { font-family: "Inter"; font-size: 1.6rem; font-weight: 700; letter-spacing: normal; line-height: 1.2; margin-bottom: 0.2rem; color: #181818; } .dashboard-widget__image-text-item-description { font-family: "Inter"; font-size: 1.4rem; font-weight: 400; letter-spacing: normal; line-height: 1.3; color: #000; } .dashboard-widget__empty-message { position: relative; z-index: 5; margin-top: auto; } .dashboard-widget__empty-headline { font-family: "Inter"; font-size: 1.5rem; font-weight: 700; letter-spacing: normal; line-height: 1.1; margin-bottom: 0.2rem; } .dashboard-widget__empty-text { font-family: "Inter"; font-size: 1.4rem; font-weight: 400; letter-spacing: normal; line-height: 1.3; } body[data-project-area="game"] { background-color: #0F172A; } body[data-project-area="game"] .app__background { display: block; } body[data-project-area="game"] .timer-button--state-PLAY { background: rgba(255, 255, 255, 0.3); color: #FFFFFF; } body[data-project-area="game"] .timer-button--state-PAUSE, body[data-project-area="game"] .timer-button--state-STOP { color: rgba(255, 255, 255, 0.7); background: rgba(24, 24, 24, 0.5); } body[data-project-area="game"] .large-message__close-background { backdrop-filter: blur(20px); } body[data-project-area="game"] .overlay-window { backdrop-filter: blur(20px); } /*! purgecss end ignore */ /*# sourceMappingURL=br-frontend.css.map */