/*!
 * Appia Group GmbH
 * Contao Theme
 * 
 * Author: Thilo Hoffmann, https://www.incom24.de
 * Copyright © 2026
 */
:root { --color-neutral-50: #f4f4f4; --color-neutral-100: #e0e0e0; --color-neutral-200: #c6c6c6; --color-neutral-300: #a8a8a8; --color-neutral-400: #8d8d8d; --color-neutral-500: #6f6f6f; --color-neutral-600: #525252; --color-neutral-700: #393939; --color-neutral-800: #262626; --color-neutral-900: #161616; --color-primary-50: #edf5ff; --color-primary-100: #d1e2ff; --color-primary-200: #a6c8ff; --color-primary-300: #78a9ff; --color-primary-400: #458aff; --color-primary-500: #1062fe; --color-primary-600: #0043ce; --color-primary-700: #002d9c; --color-primary-800: #001c6d; --color-primary-900: #001040; --color-success-50: #f4fce3; --color-success-100: #effdd4; --color-success-200: #dcfbaa; --color-success-300: #c1f57f; --color-success-400: #a5ec5d; --color-success-500: #7de02c; --color-success-600: #5fc020; --color-success-700: #45a116; --color-success-800: #2f810e; --color-success-900: #1f6b08; --color-info-50: #e8feff; --color-info-100: #d7fdfe; --color-info-200: #b0f7fe; --color-info-300: #88eafe; --color-info-400: #6bdbfd; --color-info-500: #3ac2fc; --color-info-600: #2a98d8; --color-info-700: #1d73b5; --color-info-800: #125292; --color-info-900: #0b3a78; --color-warning-50: #fffbe0; --color-warning-100: #fff9d0; --color-warning-200: #fff2a1; --color-warning-300: #ffea72; --color-warning-400: #ffea72; --color-warning-500: #ffd314; --color-warning-600: #dbb00e; --color-warning-700: #b7900a; --color-warning-800: #937106; --color-warning-900: #7a5a03; --color-danger-50: #fff1e3; --color-danger-100: #ffe9d3; --color-danger-200: #ffcea8; --color-danger-300: #ffac7c; --color-danger-400: #ff8b5c; --color-danger-500: #ff5526; --color-danger-600: #db371b; --color-danger-700: #b71e13; --color-danger-800: #930c0c; --color-danger-900: #7a0710; --color-primary--light: var(--color-primary-300); --color-primary: var(--color-primary-500); --color-primary--dark: var(--color-primary-700); --color-page-bg: #fff; --color-text: var(--color-neutral-900); --color-text--inverted: var(--color-page-bg); --color-success--light: var(--color-success-300); --color-success: var(--color-success-500); --color-success--dark: var(--color-success-700); --color-info--light: var(--color-info-300); --color-info: var(--color-info-500); --color-info--dark: var(--color-info-700); --color-warning--light: var(--color-warning-300); --color-warning: var(--color-warning-500); --color-warning--dark: var(--color-warning-700); --color-error--light: var(--color-danger-300); --color-error: var(--color-danger-500); --color-error--dark: var(--color-danger-700); --color-tint: var(--color-neutral-50); --color-dark: var(--color-neutral-900); --color-highlight: var(--color-primary-500); --color-overlay-background: rgba(0, 0, 0, 0.6); --link-color: var(--color-primary-500); --link-hover-color: var(--color-primary-700); --link-decoration: underline; --link-hover-decoration: none; --spacing-base: 1rem; --spacing-xs: calc(var(--spacing-base) * 0.25); --spacing-sm: calc(var(--spacing-base) * 0.5); --spacing-md: calc(var(--spacing-base) * 1.5); --spacing-lg: calc(var(--spacing-base) * 2); --spacing-xl: calc(var(--spacing-base) * 3); --spacing-xxl: calc(var(--spacing-base) * 5); --grid-columns: 12; --grid-gutter: 1.875rem; --grid-gutter-half: calc(var(--grid-gutter) / 2); --layout-spacing-sides: var(--base-spacing-unit); --layout-wrapper-background: transparent; --layout-header-background: var(--color-page-bg); --layout-header-color: var(--color-text); --layout-footer-background: transparent; --layout-footer-color: var(--color-text); --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --font-size-base: 1rem; --font-size-xs: calc(var(--font-size-base) * 0.75); --font-size-sm: calc(var(--font-size-base) * 0.875); --font-size-md: calc(var(--font-size-base) * 1.125); --font-size-lg: calc(var(--font-size-base) * 1.25); --font-size-xl: calc(var(--font-size-base) * 1.5); --font-size-xxl: calc(var(--font-size-base) * 2); --line-height-base: 1.5; --line-height-sm: 1.2; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 600; --font-weight-bold: 700; --font-weight-black: 900; --font-weight-base: var(--font-weight-regular); --headings-font-family: inherit; --headings-font-weight: var(--font-weight-bold); --headings-color: #e4032e; --h1-font-family: var(--headings-font-family); --h1-font-weight: var(--headings-font-weight); --h1-color: var(--headings-color); --h1-font-size: 2rem; --h1-font-size-sm: 2rem; --h1-font-size-md: 2.5rem; --h1-font-size-lg: 3rem; --h1-font-size-xl: 3.5rem; --h1-line-height: 1.2; --h1-spacing-top: 0; --h1-spacing-bottom: 1rem; --h2-font-family: var(--headings-font-family); --h2-font-weight: var(--headings-font-weight); --h2-color: var(--headings-color); --h2-font-size: 1.625rem; --h2-font-size-sm: 1.625rem; --h2-font-size-md: 1.75rem; --h2-font-size-lg: 1.75rem; --h2-font-size-xl: 1.75rem; --h2-line-height: 1.2; --h2-spacing-top: 1em; --h2-spacing-bottom: 1rem; --h3-font-family: var(--headings-font-family); --h3-font-weight: var(--headings-font-weight); --h3-color: var(--headings-color); --h3-font-size: 1.375rem; --h3-font-size-sm: 1.375rem; --h3-font-size-md: 1.5rem; --h3-font-size-lg: 1.5rem; --h3-font-size-xl: 1.5rem; --h3-line-height: 1.25; --h3-spacing-top: 1em; --h3-spacing-bottom: 1rem; --h4-font-family: var(--headings-font-family); --h4-font-weight: var(--headings-font-weight); --h4-color: var(--headings-color); --h4-font-size: 1.125rem; --h4-font-size-sm: 1.125rem; --h4-font-size-md: 1.25rem; --h4-font-size-lg: 1.25rem; --h4-font-size-xl: 1.25rem; --h4-line-height: 1; --h4-spacing-top: 1em; --h4-spacing-bottom: 1rem; --h5-font-family: var(--headings-font-family); --h5-font-weight: var(--headings-font-weight); --h5-color: var(--headings-color); --h5-font-size: 1rem; --h5-font-size-sm: 1rem; --h5-font-size-md: 1rem; --h5-font-size-lg: 1rem; --h5-font-size-xl: 1rem; --h5-line-height: 1; --h5-spacing-top: 1em; --h5-spacing-bottom: 1rem; --h6-font-family: var(--headings-font-family); --h6-font-weight: var(--headings-font-weight); --h6-color: var(--headings-color); --h6-font-size: 0.875rem; --h6-font-size-sm: 0.875rem; --h6-font-size-md: 0.875rem; --h6-font-size-lg: 0.875rem; --h6-font-size-xl: 0.875rem; --h6-line-height: 1; --h6-spacing-top: 1em; --h6-spacing-bottom: 1rem; --border-width-base: 1px; --border-color-base: var(--color-neutral-200); --border-base: var(--border-width-base) solid var(--border-color-base); --border-radius-xs: 0.25rem; --border-radius-sm: 0.5rem; --border-radius-md: 0.75rem; --border-radius-lg: 1.25rem; --border-radius-pill: 9999rem; --border-radius-base: var(--border-radius-xs); --code-color: var(--color-primary); --pre-color-background: var(--color-neutral-100); --pre-color: var(--color-text); --hr-border: var(--border-base); --transition-base: 0.2s cubic-bezier(0.57, 0.21, 0.69, 1.25) } :root { --color-primary-50: #f9f6e8; --color-primary-100: #fbf6df; --color-primary-200: #f8ecc1; --color-primary-300: #ebd89d; --color-primary-400: #d8bf7e; --color-primary-500: #e9e8e8; --color-primary-600: #a3813e; --color-primary-700: #88662a; --color-primary-800: #6e4d1b; --color-primary-900: #5b3a10; --color-secondary-50: #f9f9f8; --color-secondary-100: #faf8f5; --color-secondary-200: #f5f0ec; --color-secondary-300: #e1dad5; --color-secondary-400: #c3bbb6; --color-secondary-500: #e4032e; --color-secondary-600: #856e67; --color-secondary-700: #6f4e47; --color-secondary-800: #59322d; --color-secondary-900: #4a1d1b; --layout-spacing-sides: calc(clamp(1rem, -0.1765rem + 5.8824vw, 6rem)); --layout-footer-background: var(--color-secondary-500); --layout-footer-color: var(--color-text--inverted); --font-family-base: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --font-size-base: clamp(1rem, 0.9706rem + 0.1471vw, 1.125rem); --font-weight-light: 300; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-bold: 700; --font-weight-black: 900; --font-weight-base: var(--font-weight-light); --headings-font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif; --headings-font-weight: 300; --h1-font-family: var(--headings-font-family); --h1-font-weight: var(--headings-font-weight); --h1-color: var(--headings-color); --h1-font-size: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h1-font-size-sm: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h1-font-size-md: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h1-font-size-lg: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h1-font-size-xl: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h1-line-height: 1.1; --h1-spacing-top: 0; --h1-spacing-bottom: 1em; --h2-font-family: var(--headings-font-family); --h2-font-weight: var(--headings-font-weight); --h2-color: var(--headings-color); --h2-font-size: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h2-font-size-sm: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h2-font-size-md: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h2-font-size-lg: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h2-font-size-xl: clamp(2.25rem, 2.0735rem + 0.8824vw, 3rem); --h2-line-height: 1.1; --h2-spacing-top: 1.5em; --h2-spacing-bottom: 1em; --h3-font-family: var(--headings-font-family); --h3-font-weight: var(--headings-font-weight); --h3-color: var(--headings-color); --h3-font-size: clamp(1.5rem, 1.4412rem + 0.2941vw, 1.75rem); --h3-font-size-sm: clamp(1.5rem, 1.4412rem + 0.2941vw, 1.75rem); --h3-font-size-md: clamp(1.5rem, 1.4412rem + 0.2941vw, 1.75rem); --h3-font-size-lg: clamp(1.5rem, 1.4412rem + 0.2941vw, 1.75rem); --h3-font-size-xl: clamp(1.5rem, 1.4412rem + 0.2941vw, 1.75rem); --h3-line-height: 1.25; --h3-spacing-top: 1em; --h3-spacing-bottom: 1rem } /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } template, [hidden] { display: none } a { background-color: rgba(0, 0, 0, 0) } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } img { border-style: none } svg:not(:root) { overflow: hidden } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } button, input, select, textarea { font: inherit } optgroup { font-weight: bold } button, input, select { overflow: visible } button, input, select, textarea { margin: 0 } button, select { text-transform: none } button, [type=button], [type=reset], [type=submit] { cursor: pointer } [disabled] { cursor: default } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } .float_left { float: left } .float_right { float: right } .invisible, .visually-hidden { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .invisible:not(caption), .visually-hidden:not(caption) { position: absolute !important } .invisible-focusable:not(:focus):not(:focus-within), .visually-hidden--focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .invisible-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden--focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important } html { box-sizing: border-box } *, *::before, *::after { box-sizing: inherit } h1, h2, h3, h4, h5, h6 { margin-block-start: 0; margin-block-end: var(--spacing-base) } ul, ol, dl, blockquote, p, address, hr, fieldset, figure, pre { margin-block-end: var(--spacing-base) } ul, ol, dd { margin-inline-start: var(--spacing-base) } .clearfix::after { display: block; clear: both; content: "" } a { color: var(--link-color); text-decoration: var(--link-decoration); transition: var(--transition-base) } a:is(:hover, :focus) { color: var(--link-hover-color); text-decoration: var(--link-hover-decoration) } :not(p a) { text-decoration: none } figure { margin: 0 } img, picture, svg { display: block; max-width: 100%; height: auto; margin: 0 auto; font-style: italic } .margin-none, .margin-none>.inside { margin: 0 !important } .margin-block-start-none, .margin-block-start-none>.inside, .margin-top-none, .margin-top-none>.inside { margin-block-start: 0 !important } .margin-block-end-none, .margin-block-end-none>.inside, .margin-bottom-none, .margin-bottom-none>.inside { margin-block-end: 0 !important } .margin-block-none, .margin-block-none>.inside { margin-block: 0 !important } .margin-inline-start-none, .margin-inline-start-none>.inside, .margin-left-none, .margin-left-none>.inside { margin-inline-start: 0 !important } .margin-inline-end-none, .margin-inline-end-none>.inside, .margin-right-none, .margin-right-none>.inside { margin-inline-end: 0 !important } .margin-inline-none, .margin-inline-none>.inside { margin-inline: 0 !important } .padding-none, .padding-none>.inside { padding: 0 !important } .padding-block-start-none, .padding-block-start-none>.inside, .padding-top-none, .padding-top-none>.inside { padding-block-start: 0 !important } .padding-block-end-none, .padding-block-end-none>.inside, .padding-bottom-none, .padding-bottom-none>.inside { padding-block-end: 0 !important } .padding-block-none, .padding-block-none>.inside { padding-block: 0 !important } .padding-inline-start-none, .padding-inline-start-none>.inside, .padding-left-none, .padding-left-none>.inside { padding-inline-start: 0 !important } .padding-inline-end-none, .padding-inline-end-none>.inside, .padding-right-none, .padding-right-none>.inside { padding-inline-end: 0 !important } .padding-inline-none, .padding-inline-none>.inside { padding-inline: 0 !important } .margin-xs, .margin-xs>.inside { margin: .5rem !important } .margin-block-start-xs, .margin-block-start-xs>.inside, .margin-top-xs, .margin-top-xs>.inside { margin-block-start: .5rem !important } .margin-block-end-xs, .margin-block-end-xs>.inside, .margin-bottom-xs, .margin-bottom-xs>.inside { margin-block-end: .5rem !important } .margin-block-xs, .margin-block-xs>.inside { margin-block: .5rem !important } .margin-inline-start-xs, .margin-inline-start-xs>.inside, .margin-left-xs, .margin-left-xs>.inside { margin-inline-start: .5rem !important } .margin-inline-end-xs, .margin-inline-end-xs>.inside, .margin-right-xs, .margin-right-xs>.inside { margin-inline-end: .5rem !important } .margin-inline-xs, .margin-inline-xs>.inside { margin-inline: .5rem !important } .padding-xs, .padding-xs>.inside { padding: .5rem !important } .padding-block-start-xs, .padding-block-start-xs>.inside, .padding-top-xs, .padding-top-xs>.inside { padding-block-start: .5rem !important } .padding-block-end-xs, .padding-block-end-xs>.inside, .padding-bottom-xs, .padding-bottom-xs>.inside { padding-block-end: .5rem !important } .padding-block-xs, .padding-block-xs>.inside { padding-block: .5rem !important } .padding-inline-start-xs, .padding-inline-start-xs>.inside, .padding-left-xs, .padding-left-xs>.inside { padding-inline-start: .5rem !important } .padding-inline-end-xs, .padding-inline-end-xs>.inside, .padding-right-xs, .padding-right-xs>.inside { padding-inline-end: .5rem !important } .padding-inline-xs, .padding-inline-xs>.inside { padding-inline: .5rem !important } .margin-sm, .margin-sm>.inside { margin: .75rem !important } .margin-block-start-sm, .margin-block-start-sm>.inside, .margin-top-sm, .margin-top-sm>.inside { margin-block-start: .75rem !important } .margin-block-end-sm, .margin-block-end-sm>.inside, .margin-bottom-sm, .margin-bottom-sm>.inside { margin-block-end: .75rem !important } .margin-block-sm, .margin-block-sm>.inside { margin-block: .75rem !important } .margin-inline-start-sm, .margin-inline-start-sm>.inside, .margin-left-sm, .margin-left-sm>.inside { margin-inline-start: .75rem !important } .margin-inline-end-sm, .margin-inline-end-sm>.inside, .margin-right-sm, .margin-right-sm>.inside { margin-inline-end: .75rem !important } .margin-inline-sm, .margin-inline-sm>.inside { margin-inline: .75rem !important } .padding-sm, .padding-sm>.inside { padding: .75rem !important } .padding-block-start-sm, .padding-block-start-sm>.inside, .padding-top-sm, .padding-top-sm>.inside { padding-block-start: .75rem !important } .padding-block-end-sm, .padding-block-end-sm>.inside, .padding-bottom-sm, .padding-bottom-sm>.inside { padding-block-end: .75rem !important } .padding-block-sm, .padding-block-sm>.inside { padding-block: .75rem !important } .padding-inline-start-sm, .padding-inline-start-sm>.inside, .padding-left-sm, .padding-left-sm>.inside { padding-inline-start: .75rem !important } .padding-inline-end-sm, .padding-inline-end-sm>.inside, .padding-right-sm, .padding-right-sm>.inside { padding-inline-end: .75rem !important } .padding-inline-sm, .padding-inline-sm>.inside { padding-inline: .75rem !important } .margin-base, .margin-base>.inside { margin: 1rem !important } .margin-block-start-base, .margin-block-start-base>.inside, .margin-top-base, .margin-top-base>.inside { margin-block-start: 1rem !important } .margin-block-end-base, .margin-block-end-base>.inside, .margin-bottom-base, .margin-bottom-base>.inside { margin-block-end: 1rem !important } .margin-block-base, .margin-block-base>.inside { margin-block: 1rem !important } .margin-inline-start-base, .margin-inline-start-base>.inside, .margin-left-base, .margin-left-base>.inside { margin-inline-start: 1rem !important } .margin-inline-end-base, .margin-inline-end-base>.inside, .margin-right-base, .margin-right-base>.inside { margin-inline-end: 1rem !important } .margin-inline-base, .margin-inline-base>.inside { margin-inline: 1rem !important } .padding-base, .padding-base>.inside { padding: 1rem !important } .padding-block-start-base, .padding-block-start-base>.inside, .padding-top-base, .padding-top-base>.inside { padding-block-start: 1rem !important } .padding-block-end-base, .padding-block-end-base>.inside, .padding-bottom-base, .padding-bottom-base>.inside { padding-block-end: 1rem !important } .padding-block-base, .padding-block-base>.inside { padding-block: 1rem !important } .padding-inline-start-base, .padding-inline-start-base>.inside, .padding-left-base, .padding-left-base>.inside { padding-inline-start: 1rem !important } .padding-inline-end-base, .padding-inline-end-base>.inside, .padding-right-base, .padding-right-base>.inside { padding-inline-end: 1rem !important } .padding-inline-base, .padding-inline-base>.inside { padding-inline: 1rem !important } .margin-md, .margin-md>.inside { margin: 1.5rem !important } .margin-block-start-md, .margin-block-start-md>.inside, .margin-top-md, .margin-top-md>.inside { margin-block-start: 1.5rem !important } .margin-block-end-md, .margin-block-end-md>.inside, .margin-bottom-md, .margin-bottom-md>.inside { margin-block-end: 1.5rem !important } .margin-block-md, .margin-block-md>.inside { margin-block: 1.5rem !important } .margin-inline-start-md, .margin-inline-start-md>.inside, .margin-left-md, .margin-left-md>.inside { margin-inline-start: 1.5rem !important } .margin-inline-end-md, .margin-inline-end-md>.inside, .margin-right-md, .margin-right-md>.inside { margin-inline-end: 1.5rem !important } .margin-inline-md, .margin-inline-md>.inside { margin-inline: 1.5rem !important } .padding-md, .padding-md>.inside { padding: 1.5rem !important } .padding-block-start-md, .padding-block-start-md>.inside, .padding-top-md, .padding-top-md>.inside { padding-block-start: 1.5rem !important } .padding-block-end-md, .padding-block-end-md>.inside, .padding-bottom-md, .padding-bottom-md>.inside { padding-block-end: 1.5rem !important } .padding-block-md, .padding-block-md>.inside { padding-block: 1.5rem !important } .padding-inline-start-md, .padding-inline-start-md>.inside, .padding-left-md, .padding-left-md>.inside { padding-inline-start: 1.5rem !important } .padding-inline-end-md, .padding-inline-end-md>.inside, .padding-right-md, .padding-right-md>.inside { padding-inline-end: 1.5rem !important } .padding-inline-md, .padding-inline-md>.inside { padding-inline: 1.5rem !important } .margin-lg, .margin-lg>.inside { margin: 2rem !important } .margin-block-start-lg, .margin-block-start-lg>.inside, .margin-top-lg, .margin-top-lg>.inside { margin-block-start: 2rem !important } .margin-block-end-lg, .margin-block-end-lg>.inside, .margin-bottom-lg, .margin-bottom-lg>.inside { margin-block-end: 2rem !important } .margin-block-lg, .margin-block-lg>.inside { margin-block: 2rem !important } .margin-inline-start-lg, .margin-inline-start-lg>.inside, .margin-left-lg, .margin-left-lg>.inside { margin-inline-start: 2rem !important } .margin-inline-end-lg, .margin-inline-end-lg>.inside, .margin-right-lg, .margin-right-lg>.inside { margin-inline-end: 2rem !important } .margin-inline-lg, .margin-inline-lg>.inside { margin-inline: 2rem !important } .padding-lg, .padding-lg>.inside { padding: 2rem !important } .padding-block-start-lg, .padding-block-start-lg>.inside, .padding-top-lg, .padding-top-lg>.inside { padding-block-start: 2rem !important } .padding-block-end-lg, .padding-block-end-lg>.inside, .padding-bottom-lg, .padding-bottom-lg>.inside { padding-block-end: 2rem !important } .padding-block-lg, .padding-block-lg>.inside { padding-block: 2rem !important } .padding-inline-start-lg, .padding-inline-start-lg>.inside, .padding-left-lg, .padding-left-lg>.inside { padding-inline-start: 2rem !important } .padding-inline-end-lg, .padding-inline-end-lg>.inside, .padding-right-lg, .padding-right-lg>.inside { padding-inline-end: 2rem !important } .padding-inline-lg, .padding-inline-lg>.inside { padding-inline: 2rem !important } .margin-xl, .margin-xl>.inside { margin: 3rem !important } .margin-block-start-xl, .margin-block-start-xl>.inside, .margin-top-xl, .margin-top-xl>.inside { margin-block-start: 3rem !important } .margin-block-end-xl, .margin-block-end-xl>.inside, .margin-bottom-xl, .margin-bottom-xl>.inside { margin-block-end: 3rem !important } .margin-block-xl, .margin-block-xl>.inside { margin-block: 3rem !important } .margin-inline-start-xl, .margin-inline-start-xl>.inside, .margin-left-xl, .margin-left-xl>.inside { margin-inline-start: 3rem !important } .margin-inline-end-xl, .margin-inline-end-xl>.inside, .margin-right-xl, .margin-right-xl>.inside { margin-inline-end: 3rem !important } .margin-inline-xl, .margin-inline-xl>.inside { margin-inline: 3rem !important } .padding-xl, .padding-xl>.inside { padding: 3rem !important } .padding-block-start-xl, .padding-block-start-xl>.inside, .padding-top-xl, .padding-top-xl>.inside { padding-block-start: 3rem !important } .padding-block-end-xl, .padding-block-end-xl>.inside, .padding-bottom-xl, .padding-bottom-xl>.inside { padding-block-end: 3rem !important } .padding-block-xl, .padding-block-xl>.inside { padding-block: 3rem !important } .padding-inline-start-xl, .padding-inline-start-xl>.inside, .padding-left-xl, .padding-left-xl>.inside { padding-inline-start: 3rem !important } .padding-inline-end-xl, .padding-inline-end-xl>.inside, .padding-right-xl, .padding-right-xl>.inside { padding-inline-end: 3rem !important } .padding-inline-xl, .padding-inline-xl>.inside { padding-inline: 3rem !important } .margin-xxl, .margin-xxl>.inside { margin: 5rem !important } .margin-block-start-xxl, .margin-block-start-xxl>.inside, .margin-top-xxl, .margin-top-xxl>.inside { margin-block-start: 5rem !important } .margin-block-end-xxl, .margin-block-end-xxl>.inside, .margin-bottom-xxl, .margin-bottom-xxl>.inside { margin-block-end: 5rem !important } .margin-block-xxl, .margin-block-xxl>.inside { margin-block: 5rem !important } .margin-inline-start-xxl, .margin-inline-start-xxl>.inside, .margin-left-xxl, .margin-left-xxl>.inside { margin-inline-start: 5rem !important } .margin-inline-end-xxl, .margin-inline-end-xxl>.inside, .margin-right-xxl, .margin-right-xxl>.inside { margin-inline-end: 5rem !important } .margin-inline-xxl, .margin-inline-xxl>.inside { margin-inline: 5rem !important } .padding-xxl, .padding-xxl>.inside { padding: 5rem !important } .padding-block-start-xxl, .padding-block-start-xxl>.inside, .padding-top-xxl, .padding-top-xxl>.inside { padding-block-start: 5rem !important } .padding-block-end-xxl, .padding-block-end-xxl>.inside, .padding-bottom-xxl, .padding-bottom-xxl>.inside { padding-block-end: 5rem !important } .padding-block-xxl, .padding-block-xxl>.inside { padding-block: 5rem !important } .padding-inline-start-xxl, .padding-inline-start-xxl>.inside, .padding-left-xxl, .padding-left-xxl>.inside { padding-inline-start: 5rem !important } .padding-inline-end-xxl, .padding-inline-end-xxl>.inside, .padding-right-xxl, .padding-right-xxl>.inside { padding-inline-end: 5rem !important } .padding-inline-xxl, .padding-inline-xxl>.inside { padding-inline: 5rem !important } html { font-family: var(--font-family-base, sans-serif); font-size: var(--font-size-base); line-height: var(--line-height-base); font-weight: var(--font-weight-base); background-color: var(--color-page-bg); color: var(--color-text); overflow-y: scroll; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 300; src: url("../fonts/roboto/roboto-v30-latin-300.woff2") format("woff2") } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 400; src: url("../fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2") } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 500; src: url("../fonts/roboto/roboto-v30-latin-500.woff2") format("woff2") } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 700; src: url("../fonts/roboto/roboto-v30-latin-700.woff2") format("woff2") } @font-face { font-display: swap; font-family: "Roboto"; font-style: normal; font-weight: 900; src: url("../fonts/roboto/roboto-v30-latin-900.woff2") format("woff2") } @font-face { font-display: swap; font-family: "Raleway"; font-style: normal; font-weight: 300; src: url("../fonts/raleway/raleway-v34-latin-300.woff2") format("woff2") } .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); margin-block-start: var(--h1-spacing-top); margin-block-end: var(--h1-spacing-bottom) } @media screen and (min-width: 36em) { .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 { --h1-font-size: var(--h1-font-size-sm) } } @media screen and (min-width: 48em) { .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 { --h1-font-size: var(--h1-font-size-md) } } @media screen and (min-width: 62em) { .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 { --h1-font-size: var(--h1-font-size-lg) } } @media screen and (min-width: 75em) { .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 { --h1-font-size: var(--h1-font-size-xl) } } .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 { font-family: var(--h2-font-family); font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); line-height: var(--h2-line-height); color: var(--h2-color); margin-block-start: var(--h2-spacing-top); margin-block-end: var(--h2-spacing-bottom) } @media screen and (min-width: 36em) { .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 { --h2-font-size: var(--h2-font-size-sm) } } @media screen and (min-width: 48em) { .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 { --h2-font-size: var(--h2-font-size-md) } } @media screen and (min-width: 62em) { .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 { --h2-font-size: var(--h2-font-size-lg) } } @media screen and (min-width: 75em) { .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 { --h2-font-size: var(--h2-font-size-xl) } } .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 { font-family: var(--h3-font-family); font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); line-height: var(--h3-line-height); color: var(--h3-color); margin-block-start: var(--h3-spacing-top); margin-block-end: var(--h3-spacing-bottom) } @media screen and (min-width: 36em) { .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 { --h3-font-size: var(--h3-font-size-sm) } } @media screen and (min-width: 48em) { .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 { --h3-font-size: var(--h3-font-size-md) } } @media screen and (min-width: 62em) { .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 { --h3-font-size: var(--h3-font-size-lg) } } @media screen and (min-width: 75em) { .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 { --h3-font-size: var(--h3-font-size-xl) } } .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 { font-family: var(--h4-font-family); font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); line-height: var(--h4-line-height); color: var(--h4-color); margin-block-start: var(--h4-spacing-top); margin-block-end: var(--h4-spacing-bottom) } @media screen and (min-width: 36em) { .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 { --h4-font-size: var(--h4-font-size-sm) } } @media screen and (min-width: 48em) { .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 { --h4-font-size: var(--h4-font-size-md) } } @media screen and (min-width: 62em) { .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 { --h4-font-size: var(--h4-font-size-lg) } } @media screen and (min-width: 75em) { .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 { --h4-font-size: var(--h4-font-size-xl) } } .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 { font-family: var(--h5-font-family); font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); line-height: var(--h5-line-height); color: var(--h5-color); margin-block-start: var(--h5-spacing-top); margin-block-end: var(--h5-spacing-bottom) } @media screen and (min-width: 36em) { .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 { --h5-font-size: var(--h5-font-size-sm) } } @media screen and (min-width: 48em) { .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 { --h5-font-size: var(--h5-font-size-md) } } @media screen and (min-width: 62em) { .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 { --h5-font-size: var(--h5-font-size-lg) } } @media screen and (min-width: 75em) { .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 { --h5-font-size: var(--h5-font-size-xl) } } .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 { font-family: var(--h6-font-family); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); line-height: var(--h6-line-height); color: var(--h6-color); margin-block-start: var(--h6-spacing-top); margin-block-end: var(--h6-spacing-bottom) } @media screen and (min-width: 36em) { .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 { --h6-font-size: var(--h6-font-size-sm) } } @media screen and (min-width: 48em) { .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 { --h6-font-size: var(--h6-font-size-md) } } @media screen and (min-width: 62em) { .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 { --h6-font-size: var(--h6-font-size-lg) } } @media screen and (min-width: 75em) { .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 { --h6-font-size: var(--h6-font-size-xl) } } p, ul, ol { margin-block-start: 0 } p:last-child, ul:last-child, ol:last-child { margin-block-end: 0 } code { color: var(--code-color) } pre { padding: var(--spacing-base); background: var(--pre-color-background); color: var(--pre-color); overflow-x: scroll; border-radius: var(--border-radius-sm) } pre code { background: rgba(0, 0, 0, 0) !important } hr { margin-block: var(--spacing-base); border: 0; border-top: var(--hr-border) } .ce_text, .content-text, .content-table, .content-code { margin-block-end: var(--spacing-base) } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-block-start: 0 } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-block-end: 0 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .ce_text, .content-text, .content-table, .content-code { max-width: 55rem; margin-inline: auto } .ce_text--12-rows, .content-text--12-rows, .content-table--12-rows, .content-code--12-rows { max-width: 100%; } .ce_text:last-child, .content-text:last-child, .content-table:last-child, .content-code:last-child { margin-block-end: 0 } .row { display: grid; grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr)); column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .row { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } .row--gap-y { row-gap: var(--grid-gutter) } .ce_gallery>ul li, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { display: grid; grid-column: 1/-1; max-width: 100% } @supports not (display: grid) { .ce_gallery>ul li, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } .col { grid-column: 1/-1 } .col-1 { grid-column: span 1/span 1 } @supports not (display: grid) { .col-1 { width: 8.3333333333% } } .row-start-1 { grid-row-start: 1 } .row-span-1 { grid-row: span 1/span 1 } .col-2 { grid-column: span 2/span 2 } @supports not (display: grid) { .col-2 { width: 16.6666666667% } } .row-start-2 { grid-row-start: 2 } .row-span-2 { grid-row: span 2/span 2 } .col-3 { grid-column: span 3/span 3 } @supports not (display: grid) { .col-3 { width: 25% } } .row-start-3 { grid-row-start: 3 } .row-span-3 { grid-row: span 3/span 3 } .col-4 { grid-column: span 4/span 4 } @supports not (display: grid) { .col-4 { width: 33.3333333333% } } .row-start-4 { grid-row-start: 4 } .row-span-4 { grid-row: span 4/span 4 } .col-5 { grid-column: span 5/span 5 } @supports not (display: grid) { .col-5 { width: 41.6666666667% } } .row-start-5 { grid-row-start: 5 } .row-span-5 { grid-row: span 5/span 5 } .col-6 { grid-column: span 6/span 6 } @supports not (display: grid) { .col-6 { width: 50% } } .row-start-6 { grid-row-start: 6 } .row-span-6 { grid-row: span 6/span 6 } .col-7 { grid-column: span 7/span 7 } @supports not (display: grid) { .col-7 { width: 58.3333333333% } } .row-start-7 { grid-row-start: 7 } .row-span-7 { grid-row: span 7/span 7 } .col-8 { grid-column: span 8/span 8 } @supports not (display: grid) { .col-8 { width: 66.6666666667% } } .row-start-8 { grid-row-start: 8 } .row-span-8 { grid-row: span 8/span 8 } .col-9 { grid-column: span 9/span 9 } @supports not (display: grid) { .col-9 { width: 75% } } .row-start-9 { grid-row-start: 9 } .row-span-9 { grid-row: span 9/span 9 } .col-10 { grid-column: span 10/span 10 } @supports not (display: grid) { .col-10 { width: 83.3333333333% } } .row-start-10 { grid-row-start: 10 } .row-span-10 { grid-row: span 10/span 10 } .col-11 { grid-column: span 11/span 11 } @supports not (display: grid) { .col-11 { width: 91.6666666667% } } .row-start-11 { grid-row-start: 11 } .row-span-11 { grid-row: span 11/span 11 } .col-12 { grid-column: span 12/span 12 } @supports not (display: grid) { .col-12 { width: 100% } } .row-start-12 { grid-row-start: 12 } .row-span-12 { grid-row: span 12/span 12 } @media screen and (min-width: 0) { .col-xs-1 { grid-column: span 1/span 1 } @supports not (display: grid) { .col-xs-1 { width: 8.3333333333% } } .col-xs-2 { grid-column: span 2/span 2 } @supports not (display: grid) { .col-xs-2 { width: 16.6666666667% } } .col-xs-3 { grid-column: span 3/span 3 } @supports not (display: grid) { .col-xs-3 { width: 25% } } .col-xs-4 { grid-column: span 4/span 4 } @supports not (display: grid) { .col-xs-4 { width: 33.3333333333% } } .col-xs-5 { grid-column: span 5/span 5 } @supports not (display: grid) { .col-xs-5 { width: 41.6666666667% } } .col-xs-6 { grid-column: span 6/span 6 } @supports not (display: grid) { .col-xs-6 { width: 50% } } .col-xs-7 { grid-column: span 7/span 7 } @supports not (display: grid) { .col-xs-7 { width: 58.3333333333% } } .col-xs-8 { grid-column: span 8/span 8 } @supports not (display: grid) { .col-xs-8 { width: 66.6666666667% } } .col-xs-9 { grid-column: span 9/span 9 } @supports not (display: grid) { .col-xs-9 { width: 75% } } .col-xs-10 { grid-column: span 10/span 10 } @supports not (display: grid) { .col-xs-10 { width: 83.3333333333% } } .col-xs-11 { grid-column: span 11/span 11 } @supports not (display: grid) { .col-xs-11 { width: 91.6666666667% } } .col-xs-12 { grid-column: span 12/span 12 } @supports not (display: grid) { .col-xs-12 { width: 100% } } } @media screen and (min-width: 0) { .row-span-xs-1 { grid-row: span 1/span 1 } .row-span-xs-2 { grid-row: span 2/span 2 } .row-span-xs-3 { grid-row: span 3/span 3 } .row-span-xs-4 { grid-row: span 4/span 4 } .row-span-xs-5 { grid-row: span 5/span 5 } .row-span-xs-6 { grid-row: span 6/span 6 } .row-span-xs-7 { grid-row: span 7/span 7 } .row-span-xs-8 { grid-row: span 8/span 8 } .row-span-xs-9 { grid-row: span 9/span 9 } .row-span-xs-10 { grid-row: span 10/span 10 } .row-span-xs-11 { grid-row: span 11/span 11 } .row-span-xs-12 { grid-row: span 12/span 12 } } @media screen and (min-width: 0) { .col-start-xs-1 { grid-column-start: 1 } .row-start-xs-1 { grid-row-start: 1 } .col-start-xs-2 { grid-column-start: 2 } .row-start-xs-2 { grid-row-start: 2 } .col-start-xs-3 { grid-column-start: 3 } .row-start-xs-3 { grid-row-start: 3 } .col-start-xs-4 { grid-column-start: 4 } .row-start-xs-4 { grid-row-start: 4 } .col-start-xs-5 { grid-column-start: 5 } .row-start-xs-5 { grid-row-start: 5 } .col-start-xs-6 { grid-column-start: 6 } .row-start-xs-6 { grid-row-start: 6 } .col-start-xs-7 { grid-column-start: 7 } .row-start-xs-7 { grid-row-start: 7 } .col-start-xs-8 { grid-column-start: 8 } .row-start-xs-8 { grid-row-start: 8 } .col-start-xs-9 { grid-column-start: 9 } .row-start-xs-9 { grid-row-start: 9 } .col-start-xs-10 { grid-column-start: 10 } .row-start-xs-10 { grid-row-start: 10 } .col-start-xs-11 { grid-column-start: 11 } .row-start-xs-11 { grid-row-start: 11 } .col-start-xs-12 { grid-column-start: 12 } .row-start-xs-12 { grid-row-start: 12 } } @media screen and (min-width: 0) { .pull-right-xs { grid-column-end: -1 } .pull-left-xs { grid-row-start: 1; grid-column-end: inherit } } @media screen and (min-width: 36em) { .col-sm-1 { grid-column: span 1/span 1 } @supports not (display: grid) { .col-sm-1 { width: 8.3333333333% } } .col-sm-2 { grid-column: span 2/span 2 } @supports not (display: grid) { .col-sm-2 { width: 16.6666666667% } } .col-sm-3 { grid-column: span 3/span 3 } @supports not (display: grid) { .col-sm-3 { width: 25% } } .col-sm-4 { grid-column: span 4/span 4 } @supports not (display: grid) { .col-sm-4 { width: 33.3333333333% } } .col-sm-5 { grid-column: span 5/span 5 } @supports not (display: grid) { .col-sm-5 { width: 41.6666666667% } } .col-sm-6 { grid-column: span 6/span 6 } @supports not (display: grid) { .col-sm-6 { width: 50% } } .col-sm-7 { grid-column: span 7/span 7 } @supports not (display: grid) { .col-sm-7 { width: 58.3333333333% } } .col-sm-8 { grid-column: span 8/span 8 } @supports not (display: grid) { .col-sm-8 { width: 66.6666666667% } } .col-sm-9 { grid-column: span 9/span 9 } @supports not (display: grid) { .col-sm-9 { width: 75% } } .col-sm-10 { grid-column: span 10/span 10 } @supports not (display: grid) { .col-sm-10 { width: 83.3333333333% } } .col-sm-11 { grid-column: span 11/span 11 } @supports not (display: grid) { .col-sm-11 { width: 91.6666666667% } } .col-sm-12 { grid-column: span 12/span 12 } @supports not (display: grid) { .col-sm-12 { width: 100% } } } @media screen and (min-width: 36em) { .row-span-sm-1 { grid-row: span 1/span 1 } .row-span-sm-2 { grid-row: span 2/span 2 } .row-span-sm-3 { grid-row: span 3/span 3 } .row-span-sm-4 { grid-row: span 4/span 4 } .row-span-sm-5 { grid-row: span 5/span 5 } .row-span-sm-6 { grid-row: span 6/span 6 } .row-span-sm-7 { grid-row: span 7/span 7 } .row-span-sm-8 { grid-row: span 8/span 8 } .row-span-sm-9 { grid-row: span 9/span 9 } .row-span-sm-10 { grid-row: span 10/span 10 } .row-span-sm-11 { grid-row: span 11/span 11 } .row-span-sm-12 { grid-row: span 12/span 12 } } @media screen and (min-width: 36em) { .col-start-sm-1 { grid-column-start: 1 } .row-start-sm-1 { grid-row-start: 1 } .col-start-sm-2 { grid-column-start: 2 } .row-start-sm-2 { grid-row-start: 2 } .col-start-sm-3 { grid-column-start: 3 } .row-start-sm-3 { grid-row-start: 3 } .col-start-sm-4 { grid-column-start: 4 } .row-start-sm-4 { grid-row-start: 4 } .col-start-sm-5 { grid-column-start: 5 } .row-start-sm-5 { grid-row-start: 5 } .col-start-sm-6 { grid-column-start: 6 } .row-start-sm-6 { grid-row-start: 6 } .col-start-sm-7 { grid-column-start: 7 } .row-start-sm-7 { grid-row-start: 7 } .col-start-sm-8 { grid-column-start: 8 } .row-start-sm-8 { grid-row-start: 8 } .col-start-sm-9 { grid-column-start: 9 } .row-start-sm-9 { grid-row-start: 9 } .col-start-sm-10 { grid-column-start: 10 } .row-start-sm-10 { grid-row-start: 10 } .col-start-sm-11 { grid-column-start: 11 } .row-start-sm-11 { grid-row-start: 11 } .col-start-sm-12 { grid-column-start: 12 } .row-start-sm-12 { grid-row-start: 12 } } @media screen and (min-width: 36em) { .pull-right-sm { grid-column-end: -1 } .pull-left-sm { grid-row-start: 1; grid-column-end: inherit } } @media screen and (min-width: 48em) { .col-md-1 { grid-column: span 1/span 1 } @supports not (display: grid) { .col-md-1 { width: 8.3333333333% } } .col-md-2 { grid-column: span 2/span 2 } @supports not (display: grid) { .col-md-2 { width: 16.6666666667% } } .col-md-3 { grid-column: span 3/span 3 } @supports not (display: grid) { .col-md-3 { width: 25% } } .col-md-4 { grid-column: span 4/span 4 } @supports not (display: grid) { .col-md-4 { width: 33.3333333333% } } .col-md-5 { grid-column: span 5/span 5 } @supports not (display: grid) { .col-md-5 { width: 41.6666666667% } } .col-md-6 { grid-column: span 6/span 6 } @supports not (display: grid) { .col-md-6 { width: 50% } } .col-md-7 { grid-column: span 7/span 7 } @supports not (display: grid) { .col-md-7 { width: 58.3333333333% } } .col-md-8 { grid-column: span 8/span 8 } @supports not (display: grid) { .col-md-8 { width: 66.6666666667% } } .col-md-9 { grid-column: span 9/span 9 } @supports not (display: grid) { .col-md-9 { width: 75% } } .col-md-10 { grid-column: span 10/span 10 } @supports not (display: grid) { .col-md-10 { width: 83.3333333333% } } .col-md-11 { grid-column: span 11/span 11 } @supports not (display: grid) { .col-md-11 { width: 91.6666666667% } } .col-md-12 { grid-column: span 12/span 12 } @supports not (display: grid) { .col-md-12 { width: 100% } } } @media screen and (min-width: 48em) { .row-span-md-1 { grid-row: span 1/span 1 } .row-span-md-2 { grid-row: span 2/span 2 } .row-span-md-3 { grid-row: span 3/span 3 } .row-span-md-4 { grid-row: span 4/span 4 } .row-span-md-5 { grid-row: span 5/span 5 } .row-span-md-6 { grid-row: span 6/span 6 } .row-span-md-7 { grid-row: span 7/span 7 } .row-span-md-8 { grid-row: span 8/span 8 } .row-span-md-9 { grid-row: span 9/span 9 } .row-span-md-10 { grid-row: span 10/span 10 } .row-span-md-11 { grid-row: span 11/span 11 } .row-span-md-12 { grid-row: span 12/span 12 } } @media screen and (min-width: 48em) { .col-start-md-1 { grid-column-start: 1 } .row-start-md-1 { grid-row-start: 1 } .col-start-md-2 { grid-column-start: 2 } .row-start-md-2 { grid-row-start: 2 } .col-start-md-3 { grid-column-start: 3 } .row-start-md-3 { grid-row-start: 3 } .col-start-md-4 { grid-column-start: 4 } .row-start-md-4 { grid-row-start: 4 } .col-start-md-5 { grid-column-start: 5 } .row-start-md-5 { grid-row-start: 5 } .col-start-md-6 { grid-column-start: 6 } .row-start-md-6 { grid-row-start: 6 } .col-start-md-7 { grid-column-start: 7 } .row-start-md-7 { grid-row-start: 7 } .col-start-md-8 { grid-column-start: 8 } .row-start-md-8 { grid-row-start: 8 } .col-start-md-9 { grid-column-start: 9 } .row-start-md-9 { grid-row-start: 9 } .col-start-md-10 { grid-column-start: 10 } .row-start-md-10 { grid-row-start: 10 } .col-start-md-11 { grid-column-start: 11 } .row-start-md-11 { grid-row-start: 11 } .col-start-md-12 { grid-column-start: 12 } .row-start-md-12 { grid-row-start: 12 } } @media screen and (min-width: 48em) { .pull-right-md { grid-column-end: -1 } .pull-left-md { grid-row-start: 1; grid-column-end: inherit } } @media screen and (min-width: 62em) { .col-lg-1 { grid-column: span 1/span 1 } @supports not (display: grid) { .col-lg-1 { width: 8.3333333333% } } .col-lg-2 { grid-column: span 2/span 2 } @supports not (display: grid) { .col-lg-2 { width: 16.6666666667% } } .col-lg-3 { grid-column: span 3/span 3 } @supports not (display: grid) { .col-lg-3 { width: 25% } } .col-lg-4 { grid-column: span 4/span 4 } @supports not (display: grid) { .col-lg-4 { width: 33.3333333333% } } .col-lg-5 { grid-column: span 5/span 5 } @supports not (display: grid) { .col-lg-5 { width: 41.6666666667% } } .col-lg-6 { grid-column: span 6/span 6 } @supports not (display: grid) { .col-lg-6 { width: 50% } } .col-lg-7 { grid-column: span 7/span 7 } @supports not (display: grid) { .col-lg-7 { width: 58.3333333333% } } .col-lg-8 { grid-column: span 8/span 8 } @supports not (display: grid) { .col-lg-8 { width: 66.6666666667% } } .col-lg-9 { grid-column: span 9/span 9 } @supports not (display: grid) { .col-lg-9 { width: 75% } } .col-lg-10 { grid-column: span 10/span 10 } @supports not (display: grid) { .col-lg-10 { width: 83.3333333333% } } .col-lg-11 { grid-column: span 11/span 11 } @supports not (display: grid) { .col-lg-11 { width: 91.6666666667% } } .col-lg-12 { grid-column: span 12/span 12 } @supports not (display: grid) { .col-lg-12 { width: 100% } } } @media screen and (min-width: 62em) { .row-span-lg-1 { grid-row: span 1/span 1 } .row-span-lg-2 { grid-row: span 2/span 2 } .row-span-lg-3 { grid-row: span 3/span 3 } .row-span-lg-4 { grid-row: span 4/span 4 } .row-span-lg-5 { grid-row: span 5/span 5 } .row-span-lg-6 { grid-row: span 6/span 6 } .row-span-lg-7 { grid-row: span 7/span 7 } .row-span-lg-8 { grid-row: span 8/span 8 } .row-span-lg-9 { grid-row: span 9/span 9 } .row-span-lg-10 { grid-row: span 10/span 10 } .row-span-lg-11 { grid-row: span 11/span 11 } .row-span-lg-12 { grid-row: span 12/span 12 } } @media screen and (min-width: 62em) { .col-start-lg-1 { grid-column-start: 1 } .row-start-lg-1 { grid-row-start: 1 } .col-start-lg-2 { grid-column-start: 2 } .row-start-lg-2 { grid-row-start: 2 } .col-start-lg-3 { grid-column-start: 3 } .row-start-lg-3 { grid-row-start: 3 } .col-start-lg-4 { grid-column-start: 4 } .row-start-lg-4 { grid-row-start: 4 } .col-start-lg-5 { grid-column-start: 5 } .row-start-lg-5 { grid-row-start: 5 } .col-start-lg-6 { grid-column-start: 6 } .row-start-lg-6 { grid-row-start: 6 } .col-start-lg-7 { grid-column-start: 7 } .row-start-lg-7 { grid-row-start: 7 } .col-start-lg-8 { grid-column-start: 8 } .row-start-lg-8 { grid-row-start: 8 } .col-start-lg-9 { grid-column-start: 9 } .row-start-lg-9 { grid-row-start: 9 } .col-start-lg-10 { grid-column-start: 10 } .row-start-lg-10 { grid-row-start: 10 } .col-start-lg-11 { grid-column-start: 11 } .row-start-lg-11 { grid-row-start: 11 } .col-start-lg-12 { grid-column-start: 12 } .row-start-lg-12 { grid-row-start: 12 } } @media screen and (min-width: 62em) { .pull-right-lg { grid-column-end: -1 } .pull-left-lg { grid-row-start: 1; grid-column-end: inherit } } @media screen and (min-width: 75em) { .col-xl-1 { grid-column: span 1/span 1 } @supports not (display: grid) { .col-xl-1 { width: 8.3333333333% } } .col-xl-2 { grid-column: span 2/span 2 } @supports not (display: grid) { .col-xl-2 { width: 16.6666666667% } } .col-xl-3 { grid-column: span 3/span 3 } @supports not (display: grid) { .col-xl-3 { width: 25% } } .col-xl-4 { grid-column: span 4/span 4 } @supports not (display: grid) { .col-xl-4 { width: 33.3333333333% } } .col-xl-5 { grid-column: span 5/span 5 } @supports not (display: grid) { .col-xl-5 { width: 41.6666666667% } } .col-xl-6 { grid-column: span 6/span 6 } @supports not (display: grid) { .col-xl-6 { width: 50% } } .col-xl-7 { grid-column: span 7/span 7 } @supports not (display: grid) { .col-xl-7 { width: 58.3333333333% } } .col-xl-8 { grid-column: span 8/span 8 } @supports not (display: grid) { .col-xl-8 { width: 66.6666666667% } } .col-xl-9 { grid-column: span 9/span 9 } @supports not (display: grid) { .col-xl-9 { width: 75% } } .col-xl-10 { grid-column: span 10/span 10 } @supports not (display: grid) { .col-xl-10 { width: 83.3333333333% } } .col-xl-11 { grid-column: span 11/span 11 } @supports not (display: grid) { .col-xl-11 { width: 91.6666666667% } } .col-xl-12 { grid-column: span 12/span 12 } @supports not (display: grid) { .col-xl-12 { width: 100% } } } @media screen and (min-width: 75em) { .row-span-xl-1 { grid-row: span 1/span 1 } .row-span-xl-2 { grid-row: span 2/span 2 } .row-span-xl-3 { grid-row: span 3/span 3 } .row-span-xl-4 { grid-row: span 4/span 4 } .row-span-xl-5 { grid-row: span 5/span 5 } .row-span-xl-6 { grid-row: span 6/span 6 } .row-span-xl-7 { grid-row: span 7/span 7 } .row-span-xl-8 { grid-row: span 8/span 8 } .row-span-xl-9 { grid-row: span 9/span 9 } .row-span-xl-10 { grid-row: span 10/span 10 } .row-span-xl-11 { grid-row: span 11/span 11 } .row-span-xl-12 { grid-row: span 12/span 12 } } @media screen and (min-width: 75em) { .col-start-xl-1 { grid-column-start: 1 } .row-start-xl-1 { grid-row-start: 1 } .col-start-xl-2 { grid-column-start: 2 } .row-start-xl-2 { grid-row-start: 2 } .col-start-xl-3 { grid-column-start: 3 } .row-start-xl-3 { grid-row-start: 3 } .col-start-xl-4 { grid-column-start: 4 } .row-start-xl-4 { grid-row-start: 4 } .col-start-xl-5 { grid-column-start: 5 } .row-start-xl-5 { grid-row-start: 5 } .col-start-xl-6 { grid-column-start: 6 } .row-start-xl-6 { grid-row-start: 6 } .col-start-xl-7 { grid-column-start: 7 } .row-start-xl-7 { grid-row-start: 7 } .col-start-xl-8 { grid-column-start: 8 } .row-start-xl-8 { grid-row-start: 8 } .col-start-xl-9 { grid-column-start: 9 } .row-start-xl-9 { grid-row-start: 9 } .col-start-xl-10 { grid-column-start: 10 } .row-start-xl-10 { grid-row-start: 10 } .col-start-xl-11 { grid-column-start: 11 } .row-start-xl-11 { grid-row-start: 11 } .col-start-xl-12 { grid-column-start: 12 } .row-start-xl-12 { grid-row-start: 12 } } @media screen and (min-width: 75em) { .pull-right-xl { grid-column-end: -1 } .pull-left-xl { grid-row-start: 1; grid-column-end: inherit } } .justify-start { justify-self: start; text-align: left } .justify-center { justify-self: center; text-align: center } .justify-end { justify-self: end; text-align: right } @media screen and (min-width: 0) { .justify-xs-start { justify-self: start; text-align: left } .justify-xs-center { justify-self: center; text-align: center } .justify-xs-end { justify-self: end; text-align: right } } @media screen and (min-width: 36em) { .justify-sm-start { justify-self: start; text-align: left } .justify-sm-center { justify-self: center; text-align: center } .justify-sm-end { justify-self: end; text-align: right } } @media screen and (min-width: 48em) { .justify-md-start { justify-self: start; text-align: left } .justify-md-center { justify-self: center; text-align: center } .justify-md-end { justify-self: end; text-align: right } } @media screen and (min-width: 62em) { .justify-lg-start { justify-self: start; text-align: left } .justify-lg-center { justify-self: center; text-align: center } .justify-lg-end { justify-self: end; text-align: right } } @media screen and (min-width: 75em) { .justify-xl-start { justify-self: start; text-align: left } .justify-xl-center { justify-self: center; text-align: center } .justify-xl-end { justify-self: end; text-align: right } } .align-start { align-self: start } .align-center { align-self: center } .align-end { align-self: end } @media screen and (min-width: 0) { .align-xs-start { align-self: start } .align-xs-center { align-self: center } .align-xs-end { align-self: end } } @media screen and (min-width: 36em) { .align-sm-start { align-self: start } .align-sm-center { align-self: center } .align-sm-end { align-self: end } } @media screen and (min-width: 48em) { .align-md-start { align-self: start } .align-md-center { align-self: center } .align-md-end { align-self: end } } @media screen and (min-width: 62em) { .align-lg-start { align-self: start } .align-lg-center { align-self: center } .align-lg-end { align-self: end } } @media screen and (min-width: 75em) { .align-xl-start { align-self: start } .align-xl-center { align-self: center } .align-xl-end { align-self: end } } .row:not(.ce_form .row) { row-gap: var(--grid-gutter) } [id=wrapper] { min-height: 100vh; display: grid; grid-template-rows: min-content auto min-content; grid-template-columns: 100%; margin-inline: auto; background: var(--layout-wrapper-background) } [id=header] { background: var(--layout-header-background); color: var(--layout-header-color) } [id=header]>.inside { max-width: 105em; width: 100%; margin-inline: auto; padding-inline: var(--layout-spacing-sides) } [id=footer] { background: var(--layout-footer-background); color: var(--layout-footer-color) } [id=footer]>.inside { max-width: 105em; width: 100%; margin-inline: auto; padding-inline: var(--layout-spacing-sides) } [id=header] { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; overflow: hidden; transition: all .5s ease-in-out; transform: translateY(-100%) } [id=header]>.inside { display: flex; justify-content: flex-start; padding-block: var(--spacing-base); max-width: none } [id=header] .header-logo { max-width: 8rem } @media screen and (min-width: 62em) { [id=header] .header-logo { max-width: 13rem } } [id=header].scrolling { box-shadow: 0 0 .5rem rgba(0, 0, 0, .2); transition: all .5s ease-in-out; transform: translateY(0) } body:not(.startseite) [id=header] { transform: translateY(0) } [id=footer]>.inside { display: flex; flex-direction: column; align-items: center; padding-block: var(--article-spacing-top); max-width: none } [id=footer] .footer-logo { max-width: 13rem; margin-block-end: var(--spacing-lg) } [id=footer] .footer-address { text-align: center } [id=footer] .footer-address p { max-width: none } [id=footer] .footer-address a { color: var(--color-text--inverted); text-decoration: none } [id=footer] .footer-address a:is(:hover, :focus) { color: var(--color-text--inverted); opacity: .6 } [id=footer] .footer-meta-nav { margin-block-start: var(--spacing-md) } [id=footer] .ivd-logo { max-width: 12rem; margin-block-start: var(--spacing-xl) } :root { --article-spacing-top: var(--spacing-xl); --article-spacing-bottom: var(--spacing-xl) } .mod_article { position: relative } .mod_article>.inside { max-width: 105em; width: 100%; margin-inline: auto; padding-inline: var(--layout-spacing-sides); padding-block-start: var(--article-spacing-top); padding-block-end: var(--article-spacing-bottom) } .article--full>.inside { max-width: none; width: 100%; margin-inline: auto; padding-block: 0 } .article--tint { background-color: var(--color-tint) } .article--dark { background-color: var(--color-dark); color: var(--color-text--inverted) } .article--highlight { background-color: var(--color-highlight) } .cards--inverted { padding: 1rem 1rem 1.5rem 1rem; background-color: #f0f0f0; } .cards--highlight { padding: 1rem 1rem 1.5rem 1rem; background-color: #ffffff; } input.input--highlight { background-color: #f0f0f0; } .ce_form.input--highlight input, .ce_form.input--highlight textarea, .ce_form.input--highlight button { background-color: #f0f0f0f0; } .ce_form.input--highlight button:hover { background-color: var(--color-secondary-500); } .ce_text--h1-reponsive h1 { --h1-font-size: clamp(2rem, 1.4412rem + 0.2941vw, 2.75rem); --h1-font-size-sm: clamp(2rem, 1.4412rem + 0.2941vw, 2.75rem); --h1-font-size-md: clamp(2rem, 1.4412rem + 0.2941vw, 2.75rem); --h1-font-size-lg: clamp(2rem, 1.4412rem + 0.2941vw, 2.75rem); --h1-font-size-xl: clamp(2rem, 1.4412rem + 0.2941vw, 2.75rem); } .cards--h3-bigger h3 { --h3-font-size: clamp(1.5rem, 1.4412rem + 0.2941vw, 2.75rem); --h3-font-size-sm: clamp(1.5rem, 1.4412rem + 0.2941vw, 2.75rem); --h3-font-size-md: clamp(1.5rem, 1.4412rem + 0.2941vw, 2.75rem); --h3-font-size-lg: clamp(1.5rem, 1.4412rem + 0.2941vw, 2.75rem); --h3-font-size-xl: clamp(1.5rem, 1.4412rem + 0.2941vw, 2.75rem); } .h1-h4--blue h1, .h1-h4--blue h2, .h1-h4--blue h3, .h1-h4--blue h4 { color: #005da8; } .img--margin-0 img { margin: 0; } .more-red a:link, .more-red a:hover, .more-red a:active, .more-red a:visited { text-decoration: none; font-weight: 700; color: #ff0000; } .more-blue a:link, .more-blue a:hover, .more-blue a:active, .more-blue a:visited { text-decoration: none; font-weight: 700; color: #005da8; } @media (min-width: 768px) { div > .cards--slider { margin-left: 25px; height: 100%; width: auto; } } :root { --article-spacing-top: calc(clamp(2.5rem, 1.6765rem + 4.1176vw, 6rem)); --article-spacing-bottom: calc(clamp(2.5rem, 1.6765rem + 4.1176vw, 6rem)) } body:not(.startseite) .mod_article { padding-block-start: calc(var(--article-spacing-top) + 3rem) } .article--secondary { background-color: var(--color-secondary-500); color: var(--color-text--inverted) } .article--secondary a { color: currentColor } :root { --gallery-gutter: var(--grid-gutter); --gallery-gutter-half: calc(var(--gallery-gutter) / 2) } .image--left img { text-align: left; margin-inline-start: 0 } .image--right img { text-align: right; margin-inline-end: 0 } .image--center img { text-align: center; margin-inline-start: auto; margin-inline-end: auto } .ce_gallery { margin-block-end: var(--spacing-base) } .ce_gallery>ul { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr; grid-row-gap: var(--gallery-gutter); padding: 0; margin: 0; list-style-type: none } @supports not (display: grid) { .ce_gallery>ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } .ce_gallery .cols_2 li { grid-column: 1/-1; grid-column: span 6/span 6 } @supports not (display: grid) { .ce_gallery .cols_2 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_2 li { width: 50% } } .ce_gallery .cols_3 li { grid-column: 1/-1; grid-column: span 6/span 6 } @supports not (display: grid) { .ce_gallery .cols_3 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_3 li { width: 50% } } @media screen and (min-width: 48em) { .ce_gallery .cols_3 li { grid-column: 1/-1; grid-column: span 4/span 4 } @supports not (display: grid) { .ce_gallery .cols_3 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_3 li { width: 33.3333333333% } } } .ce_gallery .cols_4 li { grid-column: 1/-1; grid-column: span 6/span 6 } @supports not (display: grid) { .ce_gallery .cols_4 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_4 li { width: 50% } } @media screen and (min-width: 48em) { .ce_gallery .cols_4 li { grid-column: 1/-1; grid-column: span 3/span 3 } @supports not (display: grid) { .ce_gallery .cols_4 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_4 li { width: 25% } } } .ce_gallery .cols_5 li { grid-column: 1/-1; grid-column: span 6/span 6 } @supports not (display: grid) { .ce_gallery .cols_5 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_5 li { width: 50% } } @media screen and (min-width: 48em) { .ce_gallery .cols_5 li { grid-column: 1/-1; grid-column: span 2/span 2 } @supports not (display: grid) { .ce_gallery .cols_5 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_5 li { width: 16.6666666667% } } } .ce_gallery .cols_6 li { grid-column: 1/-1; grid-column: span 6/span 6 } @supports not (display: grid) { .ce_gallery .cols_6 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_6 li { width: 50% } } @media screen and (min-width: 48em) { .ce_gallery .cols_6 li { grid-column: 1/-1; grid-column: span 2/span 2 } @supports not (display: grid) { .ce_gallery .cols_6 li { padding-left: var(--grid-gutter-half); padding-right: var(--grid-gutter-half) } } @supports not (display: grid) { .ce_gallery .cols_6 li { width: 16.6666666667% } } } .ce_gallery img { display: block } .content-gallery { margin-block-end: var(--spacing-base) } .content-gallery ul { list-style-type: none; margin: 0; padding: 0 } .content-gallery a, .content-gallery a:hover, .content-gallery a:focus-visible { text-decoration: none } .content-gallery ul { grid-row-gap: var(--gallery-gutter) } .content-gallery--cols-2 ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-2 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } .content-gallery--cols-3 ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-3 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } @media screen and (min-width: 48em) { .content-gallery--cols-3 ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-3 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } } .content-gallery--cols-4 ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-4 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } @media screen and (min-width: 48em) { .content-gallery--cols-4 ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-4 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } } .content-gallery--cols-5 ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-5 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } @media screen and (min-width: 48em) { .content-gallery--cols-5 ul { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-5 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } } .content-gallery--cols-6 ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-6 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } @media screen and (min-width: 48em) { .content-gallery--cols-6 ul { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: var(--grid-gutter); grid-auto-columns: 1fr } @supports not (display: grid) { .content-gallery--cols-6 ul { display: flex; flex-wrap: wrap; margin-left: calc(-1*var(--grid-gutter)/2); margin-right: calc(-1*var(--grid-gutter)/2) } } } .content-gallery img { display: block } .ce_player .video_container, .ce_youtube .video_container { position: relative; padding-block-end: 56.25%; width: 100%; height: auto } .content-player figure:has(video), .content-player figure:has(iframe), .content-youtube figure:has(video), .content-youtube figure:has(iframe) { position: relative; padding-block-end: 56.25%; width: 100%; height: auto } .ce_player video, .content-player video { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important } .ce_youtube iframe, .ce_youtube a, .content-youtube iframe, .content-youtube a { border: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important } .ce_youtube button, .content-youtube button { display: grid; grid-template-columns: repeat(3, 1fr); appearance: none; border: none; padding: 0 } .ce_youtube button img, .content-youtube button img { grid-column: 1/-1; grid-row: 1 } .ce_youtube button p, .content-youtube button p { grid-column: 2; grid-row: 1; align-self: center; padding: var(--spacing-base); background: var(--color-overlay-background); color: var(--color-text--inverted) } .media figure { margin-block-end: var(--spacing-lg) } :root { --button-border-radius: var(--border-radius-base); --button-spacing: 1em 2em; --button-border-width: var(--border-width-base); --button-border-style: solid; --button-border-color: transparent; --button-font-family: var(--font-family-base); --button-font-weight: var(--font-weight-base); --button-line-height: var(--line-height-base); --button-background: transparent; --button-color: var(--link-color) } .contao-cookiebar .cc-footer .cc-btn, .ce_comments .submit, input.submit, button.submit, div.btn>a, div.btn>button, .ce_toplink>a, .ce_toplink>button, .toplink>a, .toplink>button, .content-toplink>a, .content-toplink>button, a.btn, span.btn, button.btn { border-radius: var(--button-border-radius); padding: var(--button-spacing); display: inline-flex; align-items: center; border: var(--button-border-width) var(--button-border-style, solid) var(--button-border-color, transparent); font-family: var(--button-font-family); font-weight: var(--button-font-weight); line-height: var(--button-line-height); text-align: center; background: var(--button-background); color: var(--button-color); background-image: none; white-space: nowrap; text-decoration: none } .contao-cookiebar .cc-footer .cc-btn:is(:hover, :focus), .ce_comments .submit:is(:hover, :focus), input.submit:is(:hover, :focus), button.submit:is(:hover, :focus), div.btn>a:is(:hover, :focus), div.btn>button:is(:hover, :focus), .ce_toplink>a:is(:hover, :focus), .ce_toplink>button:is(:hover, :focus), .toplink>a:is(:hover, :focus), .toplink>button:is(:hover, :focus), .content-toplink>a:is(:hover, :focus), .content-toplink>button:is(:hover, :focus), a.btn:is(:hover, :focus), span.btn:is(:hover, :focus), button.btn:is(:hover, :focus) { --button-background: transparent; --button-color: var(--link-hover-color) } .contao-cookiebar .cc-footer .cc-btn.success, .ce_comments .submit, input.submit, button.submit, div.btn--primary>a, div.btn--primary>button, .ce_toplink>a, .ce_toplink>button, .toplink>a, .toplink>button, .content-toplink>a, .content-toplink>button, a.btn--primary, span.btn--primary, button.btn--primary { --button-background: var(--color-primary); --button-color: var(--color-text--inverted) } .contao-cookiebar .cc-footer .cc-btn.success:is(:hover, :focus), .ce_comments .submit:is(:hover, :focus), input.submit:is(:hover, :focus), button.submit:is(:hover, :focus), div.btn--primary>a:is(:hover, :focus), div.btn--primary>button:is(:hover, :focus), .ce_toplink>a:is(:hover, :focus), .ce_toplink>button:is(:hover, :focus), .toplink>a:is(:hover, :focus), .toplink>button:is(:hover, :focus), .content-toplink>a:is(:hover, :focus), .content-toplink>button:is(:hover, :focus), a.btn--primary:is(:hover, :focus), span.btn--primary:is(:hover, :focus), button.btn--primary:is(:hover, :focus) { --button-background: var(--color-primary--dark); --button-color: var(--color-text--inverted) } .contao-cookiebar .cc-footer .cc-btn.info, .contao-cookiebar .cc-footer .cc-btn.deny, div.btn--secondary>a, div.btn--secondary>button, a.btn--secondary, span.btn--secondary, button.btn--secondary { --button-background: transparent; --button-color: var(--link-color); --button-border-color: var(--button-color) } .contao-cookiebar .cc-footer .cc-btn.info:is(:hover, :focus), .contao-cookiebar .cc-footer .cc-btn.deny:is(:hover, :focus), div.btn--secondary>a:is(:hover, :focus), div.btn--secondary>button:is(:hover, :focus), a.btn--secondary:is(:hover, :focus), span.btn--secondary:is(:hover, :focus), button.btn--secondary:is(:hover, :focus) { --button-background: var(--link-color); --button-color: var(--color-text--inverted); --button-border-color: var(--button-background) } div.btn:not(:last-child), .ce_toplink:not(:last-child), .toplink:not(:last-child), .content-toplink:not(:last-child) { margin-bottom: var(--spacing-base) } div.btn--left { text-align: left } div.btn--center { text-align: center } div.btn--right { text-align: right } .btn--floated { float: left; margin-right: var(--spacing-xs) } .ce_toplink a, .toplink a, .content-toplink a { text-decoration: none } .back { border-top: var(--border-base); margin-top: var(--spacing-base); padding-top: var(--spacing-sm) } .back a { text-decoration: none } :root { --button-spacing: 0.75em 1.25em; --button-font-weight: var(--font-weight-regular) } .contao-cookiebar .cc-footer .cc-btn, .ce_comments .submit, input.submit, button.submit, a.btn, span.btn, button.btn, div.btn>a, div.btn>button, .ce_toplink>a, .ce_toplink>button, .toplink>a, .toplink>button, .content-toplink>a, .content-toplink>button { transition: all var(--transition-base); --button-color: var(--color-secondary-500) } .contao-cookiebar .cc-footer .cc-btn:is(:hover, :focus), .ce_comments .submit:is(:hover, :focus), input.submit:is(:hover, :focus), button.submit:is(:hover, :focus), a.btn:is(:hover, :focus), span.btn:is(:hover, :focus), button.btn:is(:hover, :focus), div.btn>a:is(:hover, :focus), div.btn>button:is(:hover, :focus), .ce_toplink>a:is(:hover, :focus), .ce_toplink>button:is(:hover, :focus), .toplink>a:is(:hover, :focus), .toplink>button:is(:hover, :focus), .content-toplink>a:is(:hover, :focus), .content-toplink>button:is(:hover, :focus) { --button-color: var(--color-secondary-500) } .contao-cookiebar .cc-footer .cc-btn.success, .ce_comments .submit, input.submit, button.submit, a.btn--primary, span.btn--primary, button.btn--primary, div.btn--primary>a, div.btn--primary>button, .ce_toplink>a, .ce_toplink>button, .toplink>a, .toplink>button, .content-toplink>a, .content-toplink>button, .contao-cookiebar .cc-footer .cc-btn.info, .contao-cookiebar .cc-footer .cc-btn.deny, a.btn--secondary, span.btn--secondary, button.btn--secondary, div.btn--secondary>a, div.btn--secondary>button { --button-background: transparent; --button-color: var(--color-secondary-500); --button-border-color: var(--color-secondary-500) } .contao-cookiebar .cc-footer .cc-btn.success:is(:hover, :focus), .ce_comments .submit:is(:hover, :focus), input.submit:is(:hover, :focus), button.submit:is(:hover, :focus), a.btn--primary:is(:hover, :focus), span.btn--primary:is(:hover, :focus), button.btn--primary:is(:hover, :focus), div.btn--primary>a:is(:hover, :focus), div.btn--primary>button:is(:hover, :focus), .ce_toplink>a:is(:hover, :focus), .ce_toplink>button:is(:hover, :focus), .toplink>a:is(:hover, :focus), .toplink>button:is(:hover, :focus), .content-toplink>a:is(:hover, :focus), .content-toplink>button:is(:hover, :focus), .contao-cookiebar .cc-footer .cc-btn.info:is(:hover, :focus), .contao-cookiebar .cc-footer .cc-btn.deny:is(:hover, :focus), a.btn--secondary:is(:hover, :focus), span.btn--secondary:is(:hover, :focus), button.btn--secondary:is(:hover, :focus), div.btn--secondary>a:is(:hover, :focus), div.btn--secondary>button:is(:hover, :focus) { --button-background: var(--color-secondary-500); --button-color: #fff; --button-border-color: var(color-secondary-500) } a { text-underline-offset: .25em; color: #000 } a:is(:hover, :focus) { text-decoration: underline; color: #000 } @media screen and (max-width: 47.99875em) { a[href^="tel:"] { text-decoration: underline !important } } .back { border-top: var(--border-base); margin-top: var(--spacing-xxl); padding-top: var(--spacing-sm) } .back a { text-decoration: none } .back a::before { content: "←"; margin-inline-end: var(--spacing-sm) } :root { --nav-item-padding: var(--spacing-base) } .nav ul { list-style-type: none; margin: 0; padding: 0 } .nav a, .nav a:hover, .nav a:focus-visible { text-decoration: none } .nav--horizontal ul { display: flex; flex-direction: column } @media screen and (min-width: 62em) { .nav--horizontal ul { flex-direction: row } } .nav--horizontal a, .nav--horizontal strong.active, .nav--horizontal strong.trail, .nav--horizontal strong.forward { display: block; padding: calc(var(--nav-item-padding)/2) var(--nav-item-padding) } .nav--vertical a, .nav--vertical strong.active, .nav--vertical strong.trail, .nav--vertical strong.forward { display: block; padding: calc(var(--nav-item-padding)/2) var(--nav-item-padding) } .nav--border { border: var(--border-base) } .nav--border a, .nav--border strong.active, .nav--border strong.trail, .nav--border strong.forward { padding: var(--nav-item-padding) var(--nav-item-padding); border-bottom: 1px solid var(--border-color-base) } .nav--border a.last, .nav--border strong.active.last, .nav--border strong.trail.last, .nav--border strong.forward.last { border-bottom: 0 } .nav--breadcrumb { border: var(--border-base); padding: var(--spacing-sm) var(--spacing-base); display: flex } @media screen and (min-width: 62em) { .nav--breadcrumb { flex-direction: column } } @media screen and (min-width: 62em) { .nav--breadcrumb li { padding-inline-end: var(--spacing-base) } } .nav--breadcrumb a::after { font-size: var(--font-size-xs); display: inline-block; content: "►"; vertical-align: middle; padding-inline-start: var(--spacing-base) } .nav--select select { appearance: none; background: rgba(0, 0, 0, 0); border: var(--border-base); padding: var(--spacing-xs) var(--spacing-sm) } .nav--select .submit { vertical-align: middle; padding: var(--spacing-xs) var(--spacing-sm) } .nav--pager ul { text-align: center } .nav--pager li { display: inline-block } .nav--pager .empty { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .nav--pager .empty:not(caption) { position: absolute !important } .nav--pager a { padding: var(--spacing-sm) } .pagination { display: grid; grid-column: 1/-1; margin-top: var(--spacing-base); text-align: center; line-height: 1 } .pagination ul { list-style-type: none; margin: 0; padding: 0 } .pagination a, .pagination a:hover, .pagination a:focus-visible { text-decoration: none } @supports not (display: grid) { .pagination { display: flex; flex: 1 1 auto; flex-wrap: wrap; justify-content: space-between } } @media screen and (min-width: 36em) { .pagination { grid-template-columns: 1fr 1fr } } .pagination p { padding: var(--spacing-xs); padding-inline-start: 0; margin: var(--spacing-xs); margin-inline-start: 0; border-top: var(--border-width-base) solid rgba(0, 0, 0, 0) } .pagination li { display: inline } .pagination a, .pagination strong { display: inline-block; padding: var(--spacing-xs); margin: var(--spacing-xs) } .pagination strong { border: var(--border-base) } .pagination a.next { margin-inline-end: 0; padding-inline-end: 0 } @media screen and (min-width: 36em) { .pagination p { justify-self: start } .pagination p+ul { justify-self: end } } .footer-meta-nav ul { flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; text-wrap: nowrap } .footer-meta-nav a, .footer-meta-nav strong.active, .footer-meta-nav strong.trail, .footer-meta-nav strong.forward { color: var(--color-text--inverted) } .footer-meta-nav a:is(:hover, :focus) { color: var(--folor-text--inverted); opacity: .6 } :root { --slider-arrow-color: inherit; --slider-arrow-size: 2rem; --slider-arrow-font-family: "Arial"; --slider-menu-point-size: 2rem; --slider-menu-point-color: inherit; --slider-menu-point-color-active: var(--color-highlight) } .content-swiper .swiper-button-prev, .content-swiper .swiper-button-next { border: none; background: rgba(0, 0, 0, 0); appearance: none } .slider { position: relative; } .slider .slider-control { position: static; height: 0; } .slider .slider-control a { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2rem; line-height: 1; position: absolute; display: block; color: inherit; font-family: "Arial"; } .slider .slider-control a::before { padding: 0.5rem; display: block; } .slider .slider-control a:hover { opacity: 0.5; } .slider .slider-prev::before { content: "◄"; } .slider .slider-next::before { content: "►"; } .slider .slider-menu { font-size: 2rem; line-height: 1; top: auto; bottom: 0; } .slider .slider-menu b { color: inherit; } .slider .slider-menu b.active { color: hsl(350, 91%, 45%); } .slider-blue.slider .slider-menu b.active { color: hsl(207, 100%, 33%); } .slider .slider-menu b:hover { opacity: 0.5; } .ce_swiperStart + div { margin-bottom: 3rem; } .ce_swiperStart .swiper-container { padding-bottom: 3rem; } .ce_swiperStart .swiper-wrapper, .ce_swiperStart .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .ce_swiperStart .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ce_swiperStart .swiper-pagination { bottom: 0; } .ce_swiperStart .swiper-pagination-bullets .swiper-pagination-bullet { width: 1rem; height: 1rem; background: #fff; border: 1px solid #c4c4c4; opacity: 1; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .ce_swiperStart .swiper-pagination-bullets .swiper-pagination-bullet:hover:not(.swiper-pagination-bullet-active) { background-color: #e1e1e1; } .ce_swiperStart .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: hsl(350, 91%, 45%); } .slider-blue.ce_swiperStart .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: hsl(207, 100%, 33%); } .ce_swiperStart .swiper-button-prev, .ce_swiperStart .swiper-button-next { width: 3.125rem; height: 3.125rem; background-color: #f0f0f0; color: hsl(350, 91%, 45%); border-radius: 50%; top: calc(50% - 2rem); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .slider-blue.ce_swiperStart .swiper-button-prev, .slider-blue.ce_swiperStart .swiper-button-next { color: hsl(207, 100%, 33%); } .ce_swiperStart .swiper-button-prev:hover, .ce_swiperStart .swiper-button-next:hover { background-color: hsl(350, 91%, 45%); color: #fff; } .slider-blue.ce_swiperStart .swiper-button-prev:hover, .slider-blue.ce_swiperStart .swiper-button-next:hover { background-color: hsl(207, 100%, 33%); } .ce_swiperStart .swiper-button-prev::after, .ce_swiperStart .swiper-button-next::after { font: var(--fa-font-solid); font-size: 1.5rem; color: currentColor; } .ce_swiperStart .swiper-button-prev.swiper-button-disabled, .ce_swiperStart .swiper-button-next.swiper-button-disabled { display: none; } .ce_swiperStart .swiper-button-prev::after { content: "\f177"; } .ce_swiperStart .swiper-button-next::after { content: "\f178"; } .mod_rocksolid_slider ~ div { margin-top: 6rem; } .mod_rocksolid_slider .rsts-nav-bullets { right: 0; left: 0; bottom: -2.5rem; text-align: center; } @media (min-width: 768px) { .mod_rocksolid_slider .rsts-nav-bullets { bottom: -4.5rem; /*margin-bottom: 2rem;*/ } .rsts-skin-default .rsts-nav ul { margin-bottom: 1rem !important; } } .mod_rocksolid_slider .rsts-nav-bullets a { width: 1rem; height: 1rem; background: #fff; border: 1px solid #c4c4c4; opacity: 1; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-box-shadow: none; box-shadow: none; } .mod_rocksolid_slider .rsts-nav-bullets a:hover { background-color: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; } .mod_rocksolid_slider .rsts-nav-bullets a.active { -webkit-box-shadow: none; box-shadow: none; background-color: hsl(350, 91%, 45%); } .slider-blue.mod_rocksolid_slider .rsts-nav-bullets a.active { background-color: hsl(207, 100%, 33%); } .mod_rocksolid_slider .rsts-prev-label, .mod_rocksolid_slider .rsts-next-label { display: none; } .mod_rocksolid_slider .rsts-prev, .mod_rocksolid_slider .rsts-next { background: none; width: 3.125rem; height: 3.125rem; background-color: #f0f0f0; color: hsl(350, 91%, 45%); border-radius: 50%; border: none; line-height: 1; text-indent: 0; -webkit-box-shadow: none; box-shadow: none; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-blue.mod_rocksolid_slider .rsts-prev, .slider-blue.mod_rocksolid_slider .rsts-next { color: hsl(207, 100%, 33%); } .mod_rocksolid_slider .rsts-prev:hover, .mod_rocksolid_slider .rsts-next:hover { background-color: hsl(350, 91%, 45%); color: #fff; } .slider-blue.mod_rocksolid_slider .rsts-prev:hover, .slider-blue.mod_rocksolid_slider .rsts-next:hover { background-color: hsl(207, 100%, 33%); } .mod_rocksolid_slider .rsts-prev::after, .mod_rocksolid_slider .rsts-next::after { font: var(--fa-font-solid); font-size: 1.5rem; color: currentColor; } .mod_rocksolid_slider .rsts-prev { left: 1rem; right: auto; } .mod_rocksolid_slider .rsts-prev::after { content: "\f177"; } .mod_rocksolid_slider .rsts-next { left: auto; right: 1rem; } .mod_rocksolid_slider .rsts-next::after { content: "\f178"; } :root { --news-grid-columns-sm: 2; --news-grid-columns-md: 2; --news-grid-columns-lg: 3; --news-grid-columns-xl: 3; --news-border: var(--border-base) } .news-list { margin-block-end: var(--spacing-base) } .news-list>h1, .news-list>h2, .news-list>h3, .news-list>h4, .news-list>h5, .news-list>h6 { margin-block-end: 0 } .news-list .info { margin-block-end: 0 } .news-list .float_left { margin-inline-end: var(--spacing-base) } .news-list .float_right { margin-inline-start: var(--spacing-base) } .news-list .layout_short>h1, .news-list .layout_short>h2, .news-list .layout_short>h3, .news-list .layout_short>h4, .news-list .layout_short>h5, .news-list .layout_short>h6, .news-list .layout_latest>h1, .news-list .layout_latest>h2, .news-list .layout_latest>h3, .news-list .layout_latest>h4, .news-list .layout_latest>h5, .news-list .layout_latest>h6, .news-list .layout_simple>h1, .news-list .layout_simple>h2, .news-list .layout_simple>h3, .news-list .layout_simple>h4, .news-list .layout_simple>h5, .news-list .layout_simple>h6 { margin-block-start: var(--spacing-base) } .news-list .layout_simple time, .news-list .layout_simple a, .news-list .layout_upcoming time, .news-list .layout_upcoming a { padding-top: var(--spacing-base); display: inline-block } .news-list .header { margin-block-start: var(--spacing-base) } .news-grid { display: grid; grid-gap: var(--grid-gutter); margin-block-end: var(--spacing-base); margin-block-end: var(--spacing-base) } @media screen and (min-width: 36em) { .news-grid { grid-template-columns: repeat(var(--news-grid-columns-sm), 1fr) } } @media screen and (min-width: 48em) { .news-grid { grid-template-columns: repeat(var(--news-grid-columns-md), 1fr) } } @media screen and (min-width: 62em) { .news-grid { grid-template-columns: repeat(var(--news-grid-columns-lg), 1fr) } } @media screen and (min-width: 75em) { .news-grid { grid-template-columns: repeat(var(--news-grid-columns-xl), 1fr) } } .news-grid>h1, .news-grid>h2, .news-grid>h3, .news-grid>h4, .news-grid>h5, .news-grid>h6 { grid-column: 1/-1 } .news-grid .layout_simple time { display: block } .news-menu ul { list-style-type: none; margin: 0; padding: 0 } .news-menu a, .news-menu a:hover, .news-menu a:focus-visible { text-decoration: none } .news-menu .year { margin-block-end: var(--spacing-sm) } .news-menu .year>a, .news-menu .year>.active { color: inherit; font-weight: var(--headings-font-weight); font-family: var(--headings-font-family) } .news-menu .level_2 li { margin-block-end: var(--spacing-xs) } :root { --events-grid-columns-sm: 1; --events-grid-columns-md: 2; --events-grid-columns-lg: 3; --events-grid-columns-xl: 3 } .events-list { margin-block-end: var(--spacing-base) } .events-list>h1, .events-list>h2, .events-list>h3, .events-list>h4, .events-list>h5, .events-list>h6 { margin-block-end: 0 } .events-list .image_container { margin-block-start: var(--spacing-base); margin-block-end: var(--spacing-base) } .events-list .float_left { margin-inline-end: var(--spacing-base) } .events-list .float_right { margin-inline-start: var(--spacing-base) } .events-list .event>h1, .events-list .event>h2, .events-list .event>h3, .events-list .event>h4, .events-list .event>h5, .events-list .event>h6 { margin-block-start: var(--spacing-base) } .events-list .layout_upcoming time, .events-list .layout_upcoming a { padding-block-start: var(--spacing-base); display: inline-block } .events-list .header { margin-block-start: var(--spacing-base) } .events-grid { display: grid; grid-gap: var(--grid-gutter); margin-block-end: var(--spacing-base) } @media screen and (min-width: 36em) { .events-grid { grid-template-columns: repeat(var(--events-grid-columns-sm), 1fr) } } @media screen and (min-width: 48em) { .events-grid { grid-template-columns: repeat(var(--events-grid-columns-md), 1fr) } } @media screen and (min-width: 62em) { .events-grid { grid-template-columns: repeat(var(--events-grid-columns-lg), 1fr) } } @media screen and (min-width: 75em) { .events-grid { grid-template-columns: repeat(var(--events-grid-columns-xl), 1fr) } } .events-menu ul { list-style-type: none; margin: 0; padding: 0 } .events-menu a, .events-menu a:hover, .events-menu a:focus-visible { text-decoration: none } .events-menu .year { margin-block-end: var(--spacing-sm) } .events-menu .year>a, .events-menu .year>.active { color: inherit; font-weight: var(--headings-font-weight); font-family: var(--headings-font-family) } .events-menu .level_2 li { margin-block-end: var(--spacing-xs) } :root { --forms-input-border-width: var(--border-width-base); --forms-input-border-radius: var(--border-radius-base); --forms-input-border-color: rgba(0, 0, 0, 0.25); --forms-input-background: var(--color-page-bg); --forms-input-line-height: normal; --forms-legend-font-weight: var(--font-weight-bold); --forms-mandatory-color: var(--color-highlight) } fieldset { padding: 0; margin: 0; border: 0; min-width: 0 } label { display: inline-block; max-width: 100%; margin-block-end: var(--spacing-xs) } input.text, input.captcha, textarea.textarea, select.select { display: block; width: 100%; padding: var(--spacing-sm) var(--spacing-sm); border-radius: var(--forms-input-border-radius); border: var(--forms-input-border-width) solid var(--forms-input-border-color); background-clip: padding-box; background-image: none; background-color: var(--forms-input-background); line-height: var(--forms-input-line-height) } textarea.textarea { height: auto } .widget-text, .widget-textarea, .widget-password { margin-block-end: var(--spacing-base) } input[type=search] { appearance: none } input[type=file] { display: block; line-height: 1 } input.radio, input.checkbox { margin-inline-start: 1px; margin-inline-end: var(--spacing-xs); line-height: var(--line-height-base); vertical-align: middle } input.radio+label, input.checkbox+label { margin-inline-end: var(--spacing-xs); margin-block-end: 0; font-weight: var(--font-weight-light); } .widget-radio, .widget-checkbox, .widget-select, .widget-upload { margin-block-end: var(--spacing-base) } .widget-radio legend, .widget-checkbox legend, .widget-select legend, .widget-upload legend { font-weight: var(--forms-legend-font-weight) } .radio_container>span, .checkbox_container>span { display: inline-flex; align-items: baseline; } span.mandatory { color: var(--forms-mandatory-color) } p.error { margin-block-end: 0; background-color: var(--color-error--light); color: var(--color-error) } :root { --forms-input-border-width: var(--border-width-base); --forms-input-border-radius: 0; --forms-input-border-color: var(--color-secondary-500); --forms-input-background: var(--color-page-bg); --forms-input-line-height: normal; --forms-legend-font-weight: var(--font-weight-bold); --forms-mandatory-color: currentColor } input.text, input.captcha, textarea.textarea, select.select { padding: var(--spacing-base) var(--spacing-base); border: none; outline: none } textarea.textarea { resize: vertical; min-height: 10rem; box-sizing: border-box } input.submit, button.submit { --button-background: #fff; border-style: none; transition: all var(--transition-base) } input.submit:is(:hover, :focus), button.submit:is(:hover, :focus) { --button-background: var(--color-secondary-500); --button-color: #fff } .explanation p { max-width: none; margin-block-end: var(--spacing-base) } .form-confirmation { text-align: center } :root { --accordion-spacing: var(--spacing-base); --accordion-content-spacing: var(--spacing-sm); --accordion-content-background: var(--color-neutral-50); --accordion-toggler-font-size: var(--font-size-lg); --accordion-toggler-background: transparent; --accordion-toggler-color: var(--link-color); --accordion-toggler-color-hover: var(--link-hover-color); --accordion-toggler-spacing: var(--spacing-xs) var(--spacing-sm); --accordion-toggler-border: 2px solid transparent } .ce_accordion { margin-bottom: var(--accordion-spacing) } .ce_accordion:not(.handorgel) .toggler { font-size: var(--accordion-toggler-font-size); cursor: pointer; background: var(--accordion-toggler-background); color: var(--accordion-toggler-color); padding: var(--accordion-toggler-spacing); border: var(--accordion-toggler-border) } .ce_accordion:not(.handorgel) .toggler:is(:hover, :focus) { color: var(--accordion-toggler-color-hover) } .ce_accordion:not(.handorgel) .toggler:focus { outline: 0 } .ce_accordion.handorgel .toggler button { display: flex; width: 100%; appearance: none; font-size: var(--accordion-toggler-font-size); cursor: pointer; background: var(--accordion-toggler-background); color: var(--accordion-toggler-color); padding: var(--accordion-toggler-spacing); border: var(--accordion-toggler-border) } .ce_accordion.handorgel .toggler button:is(:hover, :focus) { color: var(--accordion-toggler-color-hover) } .ce_accordion.handorgel .toggler button:focus { outline: 0 } .ce_accordion .accordion { background: var(--accordion-content-background); overflow: hidden } .ce_accordion .accordion>div { padding: var(--accordion-content-spacing) } .content-accordion .handorgel__header { line-height: var(--line-height-base); margin-bottom: var(--accordion-spacing) } .content-accordion .handorgel__header__button { display: flex; width: 100%; appearance: none; font-size: var(--accordion-toggler-font-size); cursor: pointer; background: var(--accordion-toggler-background); color: var(--accordion-toggler-color); padding: var(--accordion-toggler-spacing); border: var(--accordion-toggler-border) } .content-accordion .handorgel__header__button:is(:hover, :focus) { color: var(--accordion-toggler-color-hover) } .content-accordion .handorgel__header__button:focus { outline: 0 } .content-accordion .handorgel__content { background: var(--accordion-content-background); overflow: hidden } .content-accordion .handorgel__content>div { padding: var(--accordion-content-spacing) } :root { --download-link-color: inherit; --download-link-decoration: none } .ce_download, .ce_downloads, .content-download, .content-downloads { margin-block-end: var(--spacing-base) } .ce_download .mime_icon, .ce_downloads .mime_icon, .content-download .mime_icon, .content-downloads .mime_icon { display: inline-block; vertical-align: middle } .ce_download a, .ce_downloads a, .content-download a, .content-downloads a { display: inline-block; color: var(--download-link-color); text-decoration: var(--download-link-decoration) } .ce_downloads ul, .content-downloads ul { list-style-type: none; margin: 0; padding: 0 } .ce_downloads a, .ce_downloads a:hover, .ce_downloads a:focus-visible, .content-downloads a, .content-downloads a:hover, .content-downloads a:focus-visible { text-decoration: none } :root { --table-border-width: 1px; --table-border-style: solid; --table-border-color: var(--color-neutral-200); --table-background-light: var(--color-neutral-50) } table { margin-block-end: var(--spacing-base); width: 100%; padding: 0; border-spacing: 0; border-left: var(--table-border-width) var(--table-border-style) var(--table-border-color); border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color) } table th, table td { border-right: var(--table-border-width) var(--table-border-style) var(--table-border-color); border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color); padding: 10px } thead { text-align: left; background: var(--table-background-light) } tfoot { font-style: italic } .table--striped .even { background: var(--table-background-light) } .table--overflow { overflow-x: scroll; -ms-overflow-x: auto } :root { --newsletter-list-border: var(--border-base); --newsletter-reader-width: 600px; --newsletter-reader-border: var(--border-base) } .newsletter-subscribe, .newsletter-unsubscribe { margin-block-end: var(--spacing-base) } .newsletter-subscribe .formbody, .newsletter-unsubscribe .formbody { display: flex; flex-flow: row wrap } .newsletter-subscribe .text, .newsletter-subscribe .widget-text, .newsletter-unsubscribe .text, .newsletter-unsubscribe .widget-text { margin-block-end: 0; display: inline-block; flex: 1 } .newsletter-subscribe .error, .newsletter-unsubscribe .error { margin-block-end: 0; flex: 1 100%; font-weight: var(--font-weight-bold) } .newsletter-subscribe .widget-captcha, .newsletter-unsubscribe .widget-captcha { order: -1; width: 100%; margin-bottom: var(--spacing-base) } .newsletter-subscribe .widget-checkbox, .newsletter-unsubscribe .widget-checkbox { order: 1; width: 100% } .newsletter-subscribe .submit, .newsletter-unsubscribe .submit { margin-inline-start: var(--spacing-xs) } .newsletter-list ul { list-style-type: none; margin: 0; padding: 0 } .newsletter-list a, .newsletter-list a:hover, .newsletter-list a:focus-visible { text-decoration: none } .newsletter-list li { border-bottom: var(--newsletter-list-border); padding-block: var(--spacing-base); display: block } .newsletter-list li:first-of-type { border-top: var(--newsletter-list-border) } @media screen and (min-width: 36em) { .newsletter-list li { font-size: var(--h4-font-size); line-height: var(--h4-line-height) } } @media screen and (min-width: 48em) { .newsletter-list li { font-size: var(--h3-font-size); line-height: var(--h3-line-height) } } .newsletter-list li a:hover { opacity: .5 } .newsletter-reader { max-width: var(--newsletter-reader-width); margin-inline: auto; border: var(--newsletter-reader-border); padding: 0 var(--spacing-base) } :root { --faq-border: var(--border-base) } .faq-list ul { list-style-type: none; margin: 0; padding: 0 } .faq-list a, .faq-list a:hover, .faq-list a:focus-visible { text-decoration: none } .faq-list>ul { margin-block-start: 2rem } .faq-list li { margin-block-end: var(--spacing-sm) } .faq-list li a { display: inline-block } .faq-list>h1, .faq-list>h2, .faq-list>h3, .faq-list>h4, .faq-list>h5, .faq-list>h6 { margin-block-end: 0 } .faq-list>h1::after, .faq-list>h2::after, .faq-list>h3::after, .faq-list>h4::after, .faq-list>h5::after, .faq-list>h6::after { border-top: var(--faq-border); content: ""; display: block } .faq-list article>h1, .faq-list article>h2, .faq-list article>h3, .faq-list article>h4, .faq-list article>h5, .faq-list article>h6 { margin-block-end: 0 } .faq-list article>h1::after, .faq-list article>h2::after, .faq-list article>h3::after, .faq-list article>h4::after, .faq-list article>h5::after, .faq-list article>h6::after { border-top: var(--faq-border); content: ""; display: block } .faq-page>h1, .faq-page>h2, .faq-page>h3, .faq-page>h4, .faq-page>h5, .faq-page>h6 { margin-block-end: 0 } .faq-page>h1::after, .faq-page>h2::after, .faq-page>h3::after, .faq-page>h4::after, .faq-page>h5::after, .faq-page>h6::after { border-top: var(--faq-border); content: ""; display: block } .faq-page article>h1, .faq-page article>h2, .faq-page article>h3, .faq-page article>h4, .faq-page article>h5, .faq-page article>h6 { margin-block-end: 0 } .faq-page article>h1::after, .faq-page article>h2::after, .faq-page article>h3::after, .faq-page article>h4::after, .faq-page article>h5::after, .faq-page article>h6::after { border-top: var(--faq-border); content: ""; display: block } .faq-page .info { font-size: var(--font-size-sm); margin-block-start: var(--spacing-base); opacity: .5 } .faq-page section { padding: var(--spacing-base) 0; border-bottom: var(--faq-border) } .faq-page section.last { margin-block-end: var(--spacing-base) } .faq-reader .info { font-size: var(--font-size-sm); margin-block-start: var(--spacing-base); opacity: .5 } .ce_comments { overflow: visible } .ce_comments .widget { margin-block-end: var(--spacing-base) } .ce_comments p.error { margin-block-end: 0; background-color: var(--color-error--light); color: var(--color-error) } .ce_comments .error { border-color: var(--color-error) } .comment_default { padding: var(--spacing-base); margin-block-end: var(--spacing-base); border: var(--border-base) } .comment_default .info { padding-block-end: var(--spacing-base); border-bottom: var(--border-base) } .comment_default.last { margin-block-end: var(--spacing-lg) } :root { --search-relevance-color: var(--color-neutral-400); --search-url-color: var(--color-neutral-400) } .search .formbody { display: flex; flex-flow: row wrap } .search .widget-text { margin-block-end: var(--spacing-sm); display: inline-block; flex: 1 } .search .widget-text label { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important } .search .widget-text label:not(caption) { position: absolute !important } .search .widget-submit { margin-block-end: var(--spacing-sm); margin-inline-start: var(--spacing-xs); align-self: flex-end } .search .widget-submit .submit { margin-inline-start: 0 } .search .relevance { color: var(--search-relevance-color) } .search .context { margin-block-end: var(--spacing-xs) } .search .highlight { font-weight: var(--font-weight-bold) } .search .url { color: var(--search-url-color) } .contao-cookiebar .cc-inner { padding: var(--spacing-xl); border-radius: var(--border-radius-base) } .contao-cookiebar .cc-head { margin-block-end: var(--spacing-md) } .contao-cookiebar .cc-head p { color: var(--color-text); font-size: var(--font-size-sm) } .contao-cookiebar .cc-footer { margin-block-end: var(--spacing-base) } .contao-cookiebar .cc-info a { color: var(--color-text) } .contao-cookiebar .cc-info a:is(:hover, :focus) { color: var(--color-text) }