@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
}
*:before, *:after {
  box-sizing: inherit;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

:root {
  --vph: 1vh;
  --vpw: 1vw;
  --breakpoint-laptop: calc(68.75rem + 5rem + 17px);
  --breakpoint-tablet: 57.4375rem;
  --breakpoint-mobile: 37.4375rem;
  --color-html: #fff;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-black: #000;
  --color-grey: #6b6b6b;
  --color-grey-dark: #393939;
  --color-grey-light: #c8c8c8;
  --color-grey-lighter: #eaeaea;
  --color-grey-lightest: #f0f0f0;
  --color-font-main: #353438;
  --color-ci-primary: #005083;
  --color-ci-primary-light: #edf1f5;
  --color-ci-secondary: #3fb498;
  --color-ci-secondary-light: #d8efea;
  --color-blue-medium: #4a86b5;
  --color-blue-dark: #113350;
  --color-cta: #a41f7c;
  --color-primary: #f0f5f8;
  --color-primary-hover: white;
  --color-secondary: #bedaef;
  --color-secondary-hover: rgb(230.9259259259, 241.2962962963, 249.0740740741);
  --color-link: var(--color-font-main);
  --color-link-hover: var(--color-font-main);
  --color-bg-1: #f5f3f2;
  --color-bg-2: #fdf6e4;
  --color-bg-3: #c0c0bf;
  --color-bg-4: #f0f7e4;
  --color-bg-5: #e4e4e4;
  --color-border: #c5c9cb;
  --color-error: #a00;
  --color-error-bg: #fff4f4;
  --color-success: #007400;
  --color-success-bg: #efe;
  --color-disabled: #aaa;
  --color-disabled-bg: #eee;
  --color-hero-bg: #f0f0f0;
  --color-print: var(--color-black);
  --color-print-background: #ededed !important;
  --color-print-border: #bababa !important;
  --border-radius: 0px;
  --font-family-sans-serif: SnT, sans-serif;
  --font-family-headline: SnT, sans-serif;
  --font-size-base: 100%;
  --font-size-main: calc(1rem * 1.25);
  --font-size-h1: 2.6rem;
  --font-size-h2: 2.125rem;
  --font-size-h3: 1.875rem;
  --font-size-h4: 1.625rem;
  --font-size-h5: 1.5rem;
  --font-size-h6: 1.375rem;
  --font-size-large: calc(var(--font-size-main) * 1.1);
  --font-size-largest: calc(var(--font-size-main) * 1.2);
  --font-size-small: calc(var(--font-size-main) * 0.9);
  --font-size-smallest: calc(var(--font-size-main) * 0.8);
  --font-size-print: 11pt;
  --font-size-formfield: clamp(16px, 1em, 1em);
  --font-weight-light: 300;
  --font-weight-main: 300;
  --font-weight-semi-bold: 500;
  --font-weight-bold: 700;
  --font-weight-headline: 500;
  --font-weight-link: 500;
  --line-height-main: 1.6;
  --line-height-small: 1.4;
  --line-height-smallest: 1;
  --line-height-formfield: 1.6;
  --line-height-headline: 1.15;
  --spacer-top: calc(var(--font-size-main)*4);
  --spacer-p-ul-ol-top: 1.8rem;
  --spacer-p-ul-ol-top-small: 0.75rem;
  --icon-font-family: "Font Awesome 5 Free";
  --icon-font-family-2: "Font Awesome 5 Brands";
  --content-page-width: 120rem;
  --content-width: 100rem;
  --content-width-smaller: 68.75rem;
  --text-max-width: 68.75rem;
  --modal-max-width: 40.625rem;
  --header-height-desktop: 6.75rem;
  --header-height-laptop: 3.75rem;
  --header-height-tablet: 3.75rem;
  --header-height-mobile: 3.75rem;
  --header-condensed-height-desktop: 4.188rem;
  --header-condensed-height-laptop: 3.75rem;
  --header-condensed-height-tablet: 3.75rem;
  --header-condensed-height-mobile: 3.75rem;
  --header-bottom: calc((var(--header-height) - 0.5rem) * (1 - var(--header-offset-factor)) + 2.969rem * var(--header-offset-factor) + 0.5rem);
  --content-nav-height: 4.875rem;
  --footer-top-bg-color: var(--color-bg-3);
  --header-offset: 0px;
  --header-offset-factor: 0;
  --tile-spacing: 1.25rem;
  --tile-inner-padding: 2rem;
  --tile-inner-padding-print: 1rem;
  --transition-duration-short: 300ms;
  --transition-duration-medium: 500ms;
  --transition-duration-long: 800ms;
  --transition-duration-modal: var(--transition-duration-medium);
  --transition-duration-header-layer: var(--transition-duration-long);
  --svg-fill-color-stroke: transparent;
  --svg-fill-color: var(--color-ci-primary);
  --svg-fill-color-secondary: var(--color-ci-secondary);
  --svg-fill-color-third: var(--color-white);
  --svg-stroke-color: var(--color-white);
  --svg-stroke-width: 1rem;
  --svg-transition-duration: var(--transition-duration-short);
  --processing-size: 50px;
  --processing-color: var(--color-grey-lighter);
  --border-radius-header: 10px;
  --border-radius-button: 0.188rem;
  --border-radius-button-teaser: 0.188rem;
  --border-radius-button-small: 0;
  --border-radius-image: 30px 0 0 0;
  --border-radius-teaser: 30px 0 0 0;
  --border-radius-modal: 0;
  --border-radius-ec: 0.25rem;
  --box-shadow-ec: 0 0 .125rem 0 rgba(0, 0, 0, .25);
  --focus-outline-color: var(--color-black);
  --focus-outline-width: 0.125rem;
  --focus-outline-style: solid;
  --focus-outline-offset: -0.063rem;
  --focus-outline-offset--button: 0.063rem;
  --focus-outline-offset--link: 0.063rem;
  --focus-outline-transition-duration: var(--transition-duration-short);
  --button-default-color: var(--color-white);
  --button-default-color-hover: var(--color-ci-primary);
  --button-default-background-color: var(--color-ci-primary);
  --button-default-background-color-hover: var(--color-primary);
  --button-default-border-color: var(--color-ci-primary);
  --button-default-border-color-hover: var(--color-ci-primary);
  --button-primary-color: var(--color-white);
  --button-primary-color-hover: var(--color-ci-secondary);
  --button-primary-background-color: var(--color-ci-secondary);
  --button-primary-background-color-hover: var(--color-ci-secondary-light);
  --button-primary-border-color: var(--color-ci-secondary);
  --button-primary-border-color-hover: var(--color-ci-secondary);
  --button-secondary-color: var(--color-white);
  --button-secondary-color-hover: var(--color-grey);
  --button-secondary-background-color: var(--color-grey);
  --button-secondary-background-color-hover: #e0e0e0;
  --button-secondary-border-color: var(--color-grey);
  --button-secondary-border-color-hover: var(--color-grey);
  --form-field-border-width: 1px;
  --form-field-border-radius: 0.188rem;
  --form-field-padding-horizontal: 0.75rem;
  --form-field-padding-vertical: 0.75rem;
  --form-field-placeholder-color: #757575;
  --form-field-required-char: "‍*";
  --form-field-required-font-family: var(--font-family-sans-serif);
  --form-field-required-font-weight: var(--font-weight-bold);
  --form-field-background-color: var(--color-white);
  --form-field-border-color: var(--color-border);
  --form-field-color: var(--color-black);
  --form-field-error-color: var(--color-error);
  --form-field-error-message-color: var(--color-black);
  --form-field-error-message-color-bg: var(--color-error-bg);
  --form-field-error-message-font-size: var(--font-size-main);
  --form-field-error-line-height: var(--line-height-small);
  --form-control-icon-size: 1.222em;
  --form-control-transition: var(--transition-duration-short);
  --form-select-border-width: 1px;
  --form-select-border-color: var(--color-border);
  --form-select-outline-width: var(--focus-outline-width);
  --form-select-outline-style: var(--focus-outline-style);
  --form-select-outline-color: var(--focus-outline-color);
  --form-select-outline-offset: var(--focus-outline-offset);
  --form-select-option-default-background-color: transparent;
  --form-select-option-default-color: var(--color-black);
  --form-select-option-hover-background-color: var(--color-grey);
  --form-select-option-hover-color: var(--color-white);
  --form-select-option-active-background-color: var(--color-ci-secondary);
  --form-select-option-active-color: var(--color-white);
  --grid-gap-horizontal: 1.5rem;
  --grid-gap-vertical: 1rem;
  --z-index-sticky-anchor: 995;
  --z-index-header: 1000;
  --z-index-dropdown: 1005;
  --z-index-modal: 1010;
  --module-padding-top: 4rem;
  --module-padding-bottom: 3rem;
  --module-frontpage-padding-top: 6rem;
  --module-frontpage-padding-bottom: 4.5rem;
  --breadcrumb-spacing-top: 1rem;
  --breadcrumb-default-height: 2rem;
  --headline-rte-content-padding-top: 0.75rem;
  --gutter: 2.5rem;
  --wrapper-horizontal-padding: 2.5rem;
  --current-breakpoint: desktop;
  --header-height: var(--header-height-desktop);
  --header-condensed-height: var(--header-condensed-height-desktop);
  --sticky-content-nav-height: 0;
  --content-nav-offset: 0px;
  --k-angle: polygon(0 0, 51.5% 0, 100% 50.65%, 57% 100%, 0 100%, 49.5% 50.75%);
}
@supports (width: 1dvw) {
  :root {
    --vph: 1dvh;
    --vpw: 1dvw;
  }
}

html, body {
  height: 100%;
}

html {
  background-color: var(--color-html);
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-flow: column nowrap;
  min-height: calc(100 * var(--vph));
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

.extbase-debugger {
  flex-shrink: 0;
}

main {
  flex-grow: 1;
  padding-bottom: 4rem;
  padding-top: var(--header-height);
}

.l-content {
  background-color: var(--color-white);
  flex-grow: 1;
  margin-inline: auto;
  max-width: var(--content-page-width);
  width: 100%;
}

.l-wrapper, .m-tiles-downloads .container, .m-tiles-blogposts .container, .m-glossary .container {
  max-width: var(--content-width);
  margin-inline: auto;
  padding: 0 var(--wrapper-horizontal-padding);
}

.l-module, .m-tiles-downloads, .m-tiles-blogposts, .m-teaser-text-media, .m-glossary {
  padding-top: var(--module-padding-top);
}
.l-module--bg {
  margin-top: var(--module-padding-top);
  padding-bottom: var(--module-padding-top);
}
.l-frontpage .l-module, .l-frontpage .m-tiles-downloads, .l-frontpage .m-tiles-blogposts, .l-frontpage .m-teaser-text-media, .l-frontpage .m-glossary {
  --module-padding-top: var(--module-frontpage-padding-top);
  --module-padding-bottom: var(--module-frontpage-padding-bottom);
}
.l-module .l-module, .m-tiles-downloads .l-module, .l-module .m-tiles-downloads, .m-tiles-downloads .m-tiles-downloads, .m-tiles-blogposts .l-module, .m-tiles-blogposts .m-tiles-downloads, .l-module .m-tiles-blogposts, .m-tiles-downloads .m-tiles-blogposts, .m-tiles-blogposts .m-tiles-blogposts, .m-teaser-text-media .l-module, .m-teaser-text-media .m-tiles-downloads, .m-teaser-text-media .m-tiles-blogposts, .l-module .m-teaser-text-media, .m-tiles-downloads .m-teaser-text-media, .m-tiles-blogposts .m-teaser-text-media, .m-teaser-text-media .m-teaser-text-media, .m-glossary .l-module, .m-glossary .m-tiles-downloads, .m-glossary .m-tiles-blogposts, .m-glossary .m-teaser-text-media, .l-module .m-glossary, .m-tiles-downloads .m-glossary, .m-tiles-blogposts .m-glossary, .m-teaser-text-media .m-glossary, .m-glossary .m-glossary {
  padding-top: 0;
}

section {
  position: relative;
}

.is-hidden {
  display: none !important;
}

.is-visually-hidden {
  height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
  position: fixed !important;
  top: 0 !important;
  transform: translate(0, -100%) !important;
}

.is-visually-hidden-accessible {
  clip: rect(0, 0, 0, 0);
  height: 0;
  overflow: hidden;
  left: 0;
  position: absolute !important;
  transform: translateX(-100%);
  width: 0;
}
.is-visually-hidden-accessible:focus {
  clip: auto;
  height: auto;
  left: 5px;
  transform: translateX(0);
  width: auto;
}

/* Example
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local(''),
	url('../../Fonts/Frontend/open-sans-v14-latin-300.woff2') format('woff2'),
	url('../../Fonts/Frontend/open-sans-v14-latin-300.woff') format('woff');
}
*/
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../Fonts/Frontend/font-awesome/fa-brands-400.woff2") format("woff2"), url("../../Fonts/Frontend/font-awesome/fa-brands-400.woff") format("woff");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../Fonts/Frontend/font-awesome/fa-regular-400.woff2") format("woff2"), url("../../Fonts/Frontend/font-awesome/fa-regular-400.woff") format("woff");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../Fonts/Frontend/font-awesome/fa-solid-900.woff2") format("woff2"), url("../../Fonts/Frontend/font-awesome/fa-solid-900.woff") format("woff");
}
@font-face {
  font-family: "SnT";
  src: url("../../Fonts/Frontend/snt/SnT.woff2") format("woff2"), url("../../Fonts/Frontend/snt/SnT.woff") format("woff");
}
@font-face {
  font-family: "SnT";
  font-weight: 700;
  src: url("../../Fonts/Frontend/snt/SnTb.woff2") format("woff2"), url("../../Fonts/Frontend/snt/SnTb.woff") format("woff");
}
@font-face {
  font-family: "SnT";
  font-weight: 300;
  src: url("../../Fonts/Frontend/snt/SnTl.woff2") format("woff2"), url("../../Fonts/Frontend/snt/SnTl.woff") format("woff");
}
@font-face {
  font-family: "SnT";
  font-style: italic;
  font-weight: 300;
  src: url("../../Fonts/Frontend/snt/SnTli.woff2") format("woff2"), url("../../Fonts/Frontend/snt/SnTli.woff") format("woff");
}
@font-face {
  font-family: "SnT";
  font-weight: 100;
  src: url("../../Fonts/Frontend/snt/SnTt.woff2") format("woff2"), url("../../Fonts/Frontend/snt/SnTt.woff") format("woff");
}
@font-face {
  font-family: "SnT";
  font-style: italic;
  font-weight: 100;
  src: url("../../Fonts/Frontend/snt/SnTti.woff2") format("woff2"), url("../../Fonts/Frontend/snt/SnTti.woff") format("woff");
}
html {
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-main);
  line-height: var(--line-height-main);
  color: var(--color-font-main);
  overflow-wrap: var(--overflow-wrap, break-word);
  hyphens: var(--hyphens, auto);
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
  word-break: break-word;
}

body {
  font-size: var(--font-size-main);
}

ul:first-child, ol:first-child, li:first-child, p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}
ul:only-child, ol:only-child, li:only-child, p:only-child, h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child, h6:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
ul:last-child, ol:last-child, li:last-child, p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}

ul, ol {
  list-style-position: inside;
}

ul, ol, li, p {
  font-size: var(--font-size, var(--font-size-main));
  margin-top: var(--margin-top, 0);
  padding: 0;
}
ul b, ul strong, ol b, ol strong, li b, li strong, p b, p strong {
  font-weight: var(--font-weight-bold);
}

h1, h2, h3, h4, h5, h6 {
  --margin-top-headline: 2.5em;
  font-family: var(--font-family-headline);
  font-size: var(--font-size);
  font-weight: var(--font-weight-headline);
  letter-spacing: var(--letter-spacing-headline, 0);
  line-height: var(--line-height-headline);
  margin-top: var(--margin-top-headline, var(--spacer-top));
}

h1 {
  --font-size: var(--font-size-headline, var(--font-size-h1));
}

h2 {
  --font-size: var(--font-size-headline, var(--font-size-h2));
}

h3 {
  --font-size: var(--font-size-headline, var(--font-size-h3));
}

h4 {
  --font-size: var(--font-size-headline, var(--font-size-h4));
}

h5 {
  --font-size: var(--font-size-headline, var(--font-size-h5));
}

h6 {
  --font-size: var(--font-size-headline, var(--font-size-h6));
}

a {
  text-decoration: none;
  color: inherit;
}

.link {
  --icon-bg-color: transparent;
  --icon-color: currentColor;
  --icon-char: "";
  --icon-font-size: 0.8em;
  --icon-size: 0.6em;
  --icon-rotation: 0deg;
  --icon-text-spacing: 0.31em;
  color: var(--color-link, currentColor);
  font-weight: var(--font-weight-link);
  text-decoration: underline;
  text-decoration-color: var(--override-text-decoartion-color, transparent);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.188rem;
  transition: color var(--transition-duration-short);
}
.link__icon {
  --spacing: calc(var(--icon-text-spacing) + 0.5 * var(--icon-text-spacing));
  margin-left: var(--spacing);
  position: relative;
  text-decoration: none;
}
.link__icon--before:after, .link__icon:not(.link__icon--before):before {
  content: "‍";
  padding-right: var(--icon-size);
  visibility: hidden;
}
.link__icon--before:before, .link__icon:not(.link__icon--before):after {
  align-items: center;
  background-color: var(--icon-bg-color);
  border-radius: 50%;
  color: var(--icon-color);
  content: var(--icon-char);
  display: inline-flex;
  font-family: var(--icon-font-family);
  font-size: var(--icon-font-size);
  font-weight: 900;
  height: var(--icon-size);
  justify-content: center;
  left: calc(50% - 0.75 * var(--icon-text-spacing));
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(var(--icon-rotation));
  width: var(--icon-size);
}
.link__icon--before {
  margin-left: 0;
  margin-right: var(--spacing);
}
.link__icon--before:before {
  left: calc(50% + 0.75 * var(--icon-text-spacing));
}
.link--back {
  --icon-rotation: -180deg;
}
.link--external {
  --icon-char: "";
  --icon-rotation: 45deg;
  --icon-size: 0.7em;
}
.link--download {
  --icon-char: "";
  --icon-size: 0.85em;
}
.link--download .link__icon:after {
  --space: 0.25rem;
  --thickness: 0.125em;
  border-bottom: var(--thickness) solid currentColor;
  border-radius: 0;
  padding-bottom: var(--space);
  transform: translate(-50%, calc(-50% - 0.5 * (var(--thickness) - var(--space)))) rotate(var(--icon-rotation));
}
.link--mail {
  --icon-char: "";
  --icon-size: 1em;
}
.link--tel {
  --icon-char: "";
  --icon-size: 1em;
}
.link--fax {
  --icon-char: "";
  --icon-size: 1em;
}
.link--linkedin {
  --icon-font-family: var(--icon-font-family-2);
  --icon-char: "";
}
.link--vcard {
  --icon-char: "";
}

a.link-download,
a.link-locked {
  color: var(--color-link, currentColor);
  font-weight: var(--font-weight-link);
  text-decoration: underline;
  text-decoration-color: var(--override-text-decoartion-color, transparent);
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.188rem;
  transition: color var(--transition-duration-short);
  width: fit-content;
}

caption, figcaption {
  color: #595961;
  font-size: var(--font-size-smallest);
  font-weight: var(--font-weight-link);
  line-height: var(--line-height-small);
  padding-top: 0.5rem;
}

.m-form {
  --form-color-bg: var(--color-ci-primary-light);
  --form-color-bg-padding: 2rem;
  --form-wrapper-max-width: var(--text-max-width);
  padding-bottom: var(--module-padding-bottom);
}
.m-form__wrapper {
  max-width: var(--form-wrapper-max-width);
  margin: 0 auto;
}
.m-form__group-title {
  display: block;
  font-family: var(--font-family-headline);
  font-size: 1.4rem;
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--line-height-small);
  width: 100%;
}
.m-form__group.c-grid + .m-form__group.c-grid {
  margin-top: calc(2 * var(--grid-gap-vertical));
}
.m-form--bg .m-form__wrapper {
  background-color: var(--form-color-bg);
  padding: var(--form-color-bg-padding);
}
.m-form--group-bg .m-form__group {
  background-color: var(--form-color-bg);
  padding: var(--form-color-bg-padding);
}
.m-form .m-text-media {
  padding-bottom: var(--module-padding-bottom);
  padding-top: var(--module-padding-top);
}
.m-form .m-text-media:first-child {
  padding-top: 0;
}
.m-form .m-text-media .c-module-header, .m-form .m-text-media .m-tiles-downloads-title, .m-form .m-text-media .m-tiles-blogposts-title {
  margin: 0 auto;
}
.m-form__notice {
  margin-top: 1rem;
}
.m-form__errors {
  display: block;
  margin-bottom: 1rem;
}
.m-form__errors-wrapper {
  background-color: var(--form-field-error-message-color-bg);
  display: inline-flex;
  padding: 1rem;
  width: 100%;
}
.m-form__errors-wrapper .svg-icon {
  --svg-stroke-color: var(--form-field-error-color);
  --svg-stroke-width: 10px;
  align-self: baseline;
  flex-shrink: 0;
  height: auto;
  margin-right: 1.5rem;
  padding-top: 0.25rem;
  width: 3rem;
}
.m-form__errors .c-rte-content {
  flex-shrink: 1;
}
.m-form__errors ul {
  display: block;
}
.m-form__errors li {
  line-height: var(--form-field-error-line-height);
  margin-bottom: 0.25rem;
}
.m-form__errors li:first-child {
  margin-top: 0 !important;
}
.m-form__errors li:last-child {
  margin-bottom: 0 !important;
}
.m-form__errors a {
  color: var(--form-field-error-color);
}
.m-form__errors a strong {
  color: var(--form-field-error-message-color);
  font-weight: var(--font-weight-semi-bold);
}

fieldset {
  border: none;
  min-width: 0;
  padding: 0;
}

input:not([type=checkbox]):not([type=radio]):not([type=button]), select, option, textarea {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--form-field-background-color);
  border: none;
  border-radius: var(--form-field-border-radius);
  font: inherit;
  font-size: var(--font-size-formfield);
  font-weight: var(--font-weight-main);
  line-height: var(--line-height-formfield);
}
input:not([type=checkbox]):not([type=radio]):not([type=button])[disabled], select[disabled], option[disabled], textarea[disabled] {
  background-color: var(--color-disabled-bg);
  color: var(--color-disabled);
  cursor: not-allowed;
}
input:not([type=checkbox]):not([type=radio]):not([type=button])[disabled]::placeholder, select[disabled]::placeholder, option[disabled]::placeholder, textarea[disabled]::placeholder {
  color: inherit !important;
}

textarea {
  --textarea-lines: 4;
  min-height: calc(var(--textarea-lines) * var(--font-size-formfield) * var(--line-height-formfield) + 2 * var(--form-field-padding-vertical));
  min-width: 100%;
  width: 100% !important;
}

queo-select {
  --handle-size: 1.5rem;
  --handle-text-spacing: 0.5rem;
  --handle-rotation: 90deg;
  --handle-rotation-open: -90deg;
  --select-border-color: var(--form-select-border-color);
  --select-border-width: var(--form-select-border-width);
  --select-border-radius: var(--form-field-border-radius);
  --select-color: var(--color-font-main);
  --select-color-bg: var(--color-white);
  --select-disabled-border-color: var(--form-select-border-color);
  --select-disabled-color: var(--color-disabled);
  --select-disabled-color-bg: var(--color-disabled-bg);
  --select-padding-left: var(--form-field-padding-horizontal);
  --select-padding-right: calc(var(--form-field-padding-horizontal) + var(--handle-text-spacing) + var(--handle-size));
  --select-padding-y: var(--form-field-padding-vertical);
  --select-font-family: var(--font-family-sans-serif);
  --select-font-size: var(--font-size-formfield);
  --select-line-height: var(--line-height-formfield);
  --select-open-filter: drop-shadow(0 4px 5px #0002);
  --select-focus-color: var(--focus-outline-color);
  --select-focus-width: var(--focus-outline-width);
  --select-focus-offset: var(--focus-outline-offset);
  --select-focus-transition-duration: var(--focus-outline-transition-duration);
  --option-color: var(--color-font-main);
  --option-color-bg: var(--color-white);
  --option-hover-color: var(--color-white);
  --option-hover-color-bg: var(--color-ci-primary);
  --option-active-color: var(--color-white);
  --option-active-color-bg: var(--color-ci-secondary);
  --option-disabled-color: #666;
  --option-disabled-color-bg: var(--color-grey-lighter);
  --option-padding-x: var(--form-field-padding-horizontal);
  --option-padding-y: var(--form-field-padding-vertical);
  --multiple-check-char: "✓";
  --multiple-check-font-family: monospace;
  --multiple-check-gap: 0.5rem;
  --multiple-check-size: 1rem;
  --layer-color-bg: var(--color-white);
  --layer-border-color: var(--color-black);
  --layer-border-width: 2px;
  pointer-events: none;
}
queo-select > * {
  pointer-events: auto;
}
queo-select select {
  appearance: none;
  background-color: var(--select-color-bg);
  border: none;
  box-shadow: inset 0 0 0 var(--form-select-border-width) var(--form-select-border-color);
  color: var(--select-color);
  font-family: var(--select-font-family);
  font-size: var(--select-font-size);
  line-height: var(--select-line-height);
  outline: var(--select-focus-width) solid transparent;
  outline-offset: var(--select-focus-offset);
  padding: var(--select-padding-y) var(--select-padding-right) var(--select-padding-y) var(--select-padding-left);
  text-overflow: ellipsis;
  transition: outline-color var(--select-focus-transition-duration);
}
queo-select select:focus {
  outline-color: var(--select-focus-color);
}
queo-select select[multiple] {
  height: calc(var(--select-font-size) * var(--select-line-height) + 2 * var(--select-padding-y));
}
queo-select select[disabled] + .ph-formfield__handle {
  --svg-fill-color-stroke: var(--color-disabled);
}
queo-select option {
  background-color: var(--option-color-bg);
  color: var(--option-color);
}
queo-select option.is-placeholder {
  display: none;
}
queo-select .ph-formfield__handle {
  --svg-stroke-color: transparent;
  --svg-fill-color-stroke: var(--form-select-color, currentColor);
  pointer-events: none;
  position: absolute;
  right: var(--select-padding-y);
  top: 50%;
  transform: translate(0, -50%);
}
queo-select .ph-formfield__handle .svg-icon {
  height: auto;
  transform: rotate(var(--handle-rotation));
  transition: transform var(--transition-duration-short);
  width: var(--handle-size);
}

queo-suggest {
  --suggest-border-radius: var(--form-field-border-radius);
  --suggest-color: var(--form-field-color);
  --suggest-color-bg: var(--form-field-background-color);
  --suggest-disabled-color: var(--color-disabled);
  --suggest-disabled-color-bg: var(--color-disabled-bg);
  --suggest-font-size: var(--font-size-formfield);
  --suggest-line-height: var(--line-height-formfield);
  --suggest-open-filter: drop-shadow(0 4px 5px #0002);
  --suggest-transition-duration: var(--transition-duration-short);
  --suggestion-color: var(--color-font-main);
  --suggestion-color-bg: var(--color-white);
  --suggestion-color-hover: var(--color-white);
  --suggestion-color-bg-hover: var(--color-ci-primary);
  --suggestion-font-family: var(--font-family-sans-serif);
  --suggestion-font-size: var(--font-size-formfield);
  --suggestion-line-height: var(--line-height-formfield);
  --suggestion-padding-y: var(--form-field-padding-vertical);
  --suggestion-padding-x: var(--form-field-padding-horizontal);
  --layer-color-bg: var(--color-white);
  --layer-outline-color: var(--focus-outline-color);
  --layer-outline-width: var(--focus-outline-width);
  --layer-outline-offset: var(--focus-outline-offset);
  --suggest-processing-color: var(--processing-color);
  --suggest-processing-animation: progress 3s linear infinite;
  --suggest-processing-bg-image: linear-gradient(-45deg,var(--suggest-processing-color) 25%,transparent 25%,transparent 50%,var(--suggest-processing-color) 50%,var(--suggest-processing-color) 75%,transparent 75%,transparent);
  --suggest-processing-size: var(--processing-size) var(--processing-size);
  flex-grow: 1;
  pointer-events: none;
}
queo-suggest > * {
  pointer-events: auto;
}
queo-suggest::part(input) {
  background-color: var(--form-field-background-color);
  border: none;
  border-radius: var(--suggest-border-radius);
  box-shadow: inset 0 0 0 1px var(--form-field-border-color);
  box-sizing: border-box;
  color: var(--suggest-color);
  font: inherit;
  font-size: var(--suggest-font-size);
  line-height: var(--suggest-line-height);
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color, transparent);
  outline-offset: var(--focus-outline-offset);
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  transition: outline-color var(--focus-outline-transition-duration);
  width: 100%;
}
queo-suggest::part(input)::placeholder {
  color: var(--form-field-placeholder-color);
  opacity: 1;
}
queo-suggest::part(input):disabled {
  background-color: var(--suggest-disabled-color-bg);
  color: var(--suggest-disabled-color);
  cursor: not-allowed;
}
queo-suggest::part(input):disabled::placeholder {
  color: var(--suggest-disabled-color);
}
queo-suggest::part(input):focus {
  --outline-color: var(--focus-outline-color);
}
queo-suggest::part(wrapper) {
  --z-index-open: var(--z-index-modal);
  border-radius: var(--suggest-border-radius);
  grid-area: form-field;
  pointer-events: auto;
  position: relative;
}
queo-suggest::part(layer) {
  --drop-offset: calc(100% - var(--layer-border-width, 0px));
  background-color: var(--layer-color-bg);
  border-radius: var(--suggest-border-radius);
  display: none;
  left: 0;
  outline: var(--layer-outline-width) solid var(--layer-outline-color);
  outline-offset: var(--layer-outline-offset);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: var(--drop-offset);
  user-select: none;
}
queo-suggest::part(list) {
  max-height: var(--suggests-max-height, 100%);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
queo-suggest::part(option) {
  background-color: var(--suggestion-color-bg);
  color: var(--suggestion-color);
  cursor: pointer;
  font-family: var(--suggestion-font-family);
  font-size: var(--suggestion-font-size);
  line-height: var(--suggestion-line-height);
  padding: var(--suggestion-padding-y) var(--suggestion-padding-x);
  transition: background-color var(--suggest-transition-duration, 0s), color var(--suggest-transition-duration, 0s);
}

queo-suggest,
queo-select,
queo-input-file,
.ph-formfield {
  display: grid;
  grid-template-areas: "label label" "form-field addon" "error error" "note note";
  grid-template-columns: minmax(0, 100%) minmax(0, min-content);
  grid-template-rows: minmax(0, auto) minmax(0, max-content) minmax(0, min-content) minmax(0, min-content);
}
queo-suggest .ph-formfield__label,
queo-suggest label,
queo-select .ph-formfield__label,
queo-select label,
queo-input-file .ph-formfield__label,
queo-input-file label,
.ph-formfield .ph-formfield__label,
.ph-formfield label {
  align-self: end;
  grid-area: label;
  margin-bottom: 0.25rem;
  margin-inline: 0 auto;
}
queo-suggest > .ph-formfield__checkboxes,
queo-suggest > .ph-formfield__radios,
queo-suggest > .ph-formfield__element,
queo-select > .ph-formfield__checkboxes,
queo-select > .ph-formfield__radios,
queo-select > .ph-formfield__element,
queo-input-file > .ph-formfield__checkboxes,
queo-input-file > .ph-formfield__radios,
queo-input-file > .ph-formfield__element,
.ph-formfield > .ph-formfield__checkboxes,
.ph-formfield > .ph-formfield__radios,
.ph-formfield > .ph-formfield__element {
  align-self: end;
  grid-area: form-field;
  width: auto !important;
}
queo-suggest__errors,
queo-select__errors,
queo-input-file__errors,
.ph-formfield__errors {
  --font-size: var(--font-size-smallest);
  color: var(--color-error);
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  grid-area: error;
  list-style: none;
  margin-top: 0.25rem;
}

.ph-formfield__addon {
  align-items: center;
  align-self: end;
  height: 100%;
  display: flex;
  gap: 1rem;
  grid-area: addon;
  justify-content: center;
  position: relative;
}
.ph-formfield__addon:before {
  content: "";
  order: -99;
}
.ph-formfield__addon queo-popover[data-icon=error] {
  order: -1;
}
.ph-formfield__addon .ph-button {
  align-self: stretch;
  width: max-content;
}
.ph-formfield__note {
  align-self: end;
  grid-area: note;
  margin-inline: 0 auto;
  margin-top: 0.25rem;
  pointer-events: none;
}
.ph-formfield__note a, .ph-formfield__note [title] {
  pointer-events: auto;
}
.ph-formfield__note p, .ph-formfield__note ul, .ph-formfield__note ol {
  --margin-top: 0.5rem;
}

.ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button]), .ph-formfield textarea {
  border: none;
  box-shadow: inset 0 0 0 var(--form-field-border-width) var(--form-field-border-color);
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: var(--focus-outline-offset);
  transition: outline-color var(--focus-outline-transition-duration);
}
.ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button]):focus-visible, .ph-formfield textarea:focus-visible {
  outline-color: var(--focus-outline-color);
}
.ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button])::placeholder, .ph-formfield textarea::placeholder {
  color: var(--form-field-placeholder-color);
  opacity: 1;
}
.ph-formfield label,
.ph-formfield legend.ph-formfield__label, .ph-formfield > .ph-formfield__label {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--font-weight-semi-bold);
  line-height: inherit;
  padding: 0;
  user-select: none;
}
.ph-formfield__label-description {
  display: block;
  font-size: var(--font-size-smallest);
  line-height: var(--line-height-smallest);
}
.ph-formfield__label-description p {
  font-size: inherit;
  line-height: inherit;
}
.ph-formfield__checkboxes, .ph-formfield__radios {
  --checked-color: currentColor;
  --control-border-width: 2px;
  --control-border-color: var(--form-field-border-color);
  --control-color-bg: var(--color-white);
  --control-size: var(--form-control-icon-size);
  --control-spacing: 0.45rem;
  --column-gap: 1rem;
  --row-gap: 0.5rem;
  --check-color: transparent;
  --control-top-offset: calc(0.5 * var(--line-height-formfield) * var(--font-size-formfield) - 0.5 * var(--control-size) - 0.5 * var(--control-border-width));
  --radio-inner-spacing: 0.25rem;
  --columns: 1;
  display: grid;
  gap: var(--row-gap) var(--column-gap);
  grid-template-columns: repeat(var(--columns), var(--control-size) minmax(min-content, 100%));
}
.ph-formfield__checkboxes label, .ph-formfield__radios label {
  align-self: unset;
  font-weight: var(--font-weight-main);
  grid-area: unset;
  margin-bottom: 0;
  margin-left: calc(-1 * var(--column-gap) + var(--control-spacing));
}
.ph-formfield__checkboxes .ph-formfield__label-description, .ph-formfield__radios .ph-formfield__label-description {
  margin-left: calc(-1 * var(--column-gap) + var(--control-spacing));
}
.ph-formfield__checkboxes input, .ph-formfield__radios input {
  opacity: 0;
}
.ph-formfield__checkboxes input + div label,
.ph-formfield__checkboxes input + label, .ph-formfield__radios input + div label,
.ph-formfield__radios input + label {
  position: relative;
}
.ph-formfield__checkboxes input + div label:before, .ph-formfield__checkboxes input + div label:after,
.ph-formfield__checkboxes input + label:before,
.ph-formfield__checkboxes input + label:after, .ph-formfield__radios input + div label:before, .ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:before,
.ph-formfield__radios input + label:after {
  left: calc(-1 * var(--control-size) - var(--control-spacing));
  position: absolute;
  top: var(--control-top-offset);
}
.ph-formfield__checkboxes input + div label:before,
.ph-formfield__checkboxes input + label:before, .ph-formfield__radios input + div label:before,
.ph-formfield__radios input + label:before {
  background-color: var(--control-color-bg);
  border: var(--control-border-width) solid var(--control-border-color);
  content: "";
  display: inline-flex;
  height: var(--control-size);
  transition: border-color var(--focus-outline-transition-duration);
  width: var(--control-size);
}
.ph-formfield__checkboxes input + div label:after,
.ph-formfield__checkboxes input + label:after, .ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:after {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-duration-short);
}
.ph-formfield__checkboxes input:disabled + div label,
.ph-formfield__checkboxes input:disabled + label, .ph-formfield__radios input:disabled + div label,
.ph-formfield__radios input:disabled + label {
  --control-color-bg: var(--color-disabled-bg);
  --checked-color: var(--color-disabled);
}
.ph-formfield__checkboxes input:disabled + div label:before,
.ph-formfield__checkboxes input:disabled + label:before, .ph-formfield__radios input:disabled + div label:before,
.ph-formfield__radios input:disabled + label:before {
  cursor: not-allowed;
}
.ph-formfield__checkboxes input:checked + div label:after,
.ph-formfield__checkboxes input:checked + label:after, .ph-formfield__radios input:checked + div label:after,
.ph-formfield__radios input:checked + label:after {
  opacity: 1;
}
.ph-formfield__checkboxes input:focus-visible + div label,
.ph-formfield__checkboxes input:focus-visible + label, .ph-formfield__radios input:focus-visible + div label,
.ph-formfield__radios input:focus-visible + label {
  --control-border-color: currentColor;
}
.ph-formfield__checkboxes--25, .ph-formfield__radios--25 {
  --columns: 4;
}
.ph-formfield__checkboxes--33, .ph-formfield__radios--33 {
  --columns: 3;
}
.ph-formfield__checkboxes--50, .ph-formfield__radios--50 {
  --columns: 2;
}
.ph-formfield__checkboxes--inline, .ph-formfield__radios--inline {
  display: flow-root;
  margin-bottom: calc(-1 * var(--row-gap));
  margin-left: calc(-1 * var(--control-spacing) - var(--column-gap));
}
.ph-formfield__checkboxes--inline input,
.ph-formfield__checkboxes--inline input + label, .ph-formfield__radios--inline input,
.ph-formfield__radios--inline input + label {
  float: left;
}
.ph-formfield__checkboxes--inline input, .ph-formfield__radios--inline input {
  margin-right: calc(-1 * var(--control-size) - var(--control-spacing));
  width: calc(var(--control-size) + var(--control-spacing));
}
.ph-formfield__checkboxes--inline input + label, .ph-formfield__radios--inline input + label {
  margin-bottom: var(--row-gap);
  margin-left: calc(var(--control-spacing) + var(--column-gap));
  padding-left: calc(var(--control-size) + var(--control-spacing));
}
.ph-formfield__checkboxes--inline input + label:before, .ph-formfield__checkboxes--inline input + label:after, .ph-formfield__radios--inline input + label:before, .ph-formfield__radios--inline input + label:after {
  left: 0;
}
.ph-formfield__checkboxes input + div label:after,
.ph-formfield__checkboxes input + label:after {
  --scale: 0.75;
  --icon-stroke: 0.125rem solid currentColor;
  border-top: var(--icon-stroke);
  border-right: var(--icon-stroke);
  content: "";
  display: inline-flex;
  height: calc(0.5 * var(--control-size) * var(--scale));
  margin-left: 0.175em;
  margin-top: 0.25em;
  transform: rotate(130deg);
  width: calc(var(--control-size) * var(--scale));
}
.ph-formfield__radios input + div label:before, .ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:before,
.ph-formfield__radios input + label:after {
  border-radius: 50%;
}
.ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:after {
  background-color: var(--checked-color);
  background-clip: content-box;
  content: "";
  height: var(--control-size);
  padding: var(--radio-inner-spacing);
  width: var(--control-size);
}
.ph-formfield__set {
  display: flex;
  gap: calc(0.5 * var(--grid-gap-horizontal)) calc(0.5 * var(--grid-gap-vertical));
}
.ph-formfield__letters {
  display: flex;
  flex-flow: row wrap;
  row-gap: var(--grid-gap-vertical);
  column-gap: var(--grid-gap-horizontal);
}
.ph-formfield__letter {
  display: flex;
  position: relative;
}
.ph-formfield__letter label {
  display: block;
}
.ph-formfield__letter input {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.ph-formfield__letter input:disabled + .ph-formfield__label {
  opacity: 0.6;
  pointer-events: none;
}
.ph-formfield__letter input:checked + .ph-formfield__label {
  background-color: var(--color-white);
}
.ph-formfield__letter input:focus-visible + .ph-formfield__label {
  outline-color: currentColor;
}
.ph-formfield__letter .ph-formfield__label {
  box-shadow: inset 0 0 0 1px currentColor;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: var(--focus-outline-offset);
  padding: 0.35rem 0;
  transition: background-color var(--transition-duration-medium), outline-color var(--transition-duration-medium);
  width: 4ch;
}
.ph-formfield queo-input-file {
  --list-border-color: var(--form-field-border-color);
  --list-border-width: 0.063rem;
  display: grid;
  grid: inherit;
  grid-template-areas: "label label" "form-field addon" "contents contents" "error error" "note note" "preview preview";
  position: relative;
}
.ph-formfield queo-input-file input[type=file]:not(.has-value) + .ph-formfield__addon .ph-formfield__file-remove {
  display: none;
}
.ph-formfield queo-input-file input:focus-visible ~ .ph-formfield__file-list {
  outline-color: var(--focus-outline-color);
}
.ph-formfield queo-input-file .ph-formfield__element {
  height: 100%;
}
.ph-formfield queo-input-file .ph-formfield__file-remove {
  --button-override-color: var(--color-white);
  --button-override-background-color: var(--form-field-border-color);
  --button-override-color-hover: currentColor;
  --button-override-background-color-hover: var(--form-select-outline-color);
  --control-size: 1.5rem;
  height: 100%;
  order: -10;
}
.ph-formfield queo-input-file .ph-formfield__file-remove .svg-icon {
  --svg-stroke-color: var(--form-field-color) !important;
  height: var(--control-size);
  max-width: none;
  width: var(--control-size);
}
.ph-formfield queo-input-file .ph-formfield__file-preview {
  --image-size: 100px;
  grid-area: preview;
  display: flex;
  flex-flow: column wrap;
  gap: calc(0.5 * var(--grid-gap-vertical)) calc(0.5 * var(--grid-gap-horizontal));
  margin-top: calc(0.5 * var(--grid-gap-vertical));
}
.ph-formfield queo-input-file .ph-formfield__file-preview-wrapper {
  align-items: center;
  display: flex;
  gap: calc(0.25 * var(--grid-gap-vertical)) calc(0.25 * var(--grid-gap-horizontal));
}
.ph-formfield queo-input-file .ph-formfield__file-preview-wrapper:not(:only-child):before {
  --dot-size: 0.33em;
  background: currentColor;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: var(--dot-size);
  width: var(--dot-size);
}
.ph-formfield queo-input-file .ph-formfield__file-preview-name {
  font-size: var(--font-size-small);
  hyphens: none;
  line-height: var(--line-height-small);
  word-break: break-all;
}
.ph-formfield queo-input-file .ph-formfield__file-preview img {
  box-shadow: inset 0 0 0 1px;
  display: block;
  flex-shrink: 0;
  height: var(--image-size);
  padding: 1px;
  width: var(--image-size);
  object-fit: contain;
}
.ph-formfield queo-input-file .ph-formfield__file-dropzone {
  background-color: var(--color-white);
  background-clip: content-box;
  border-radius: var(--form-field-border-radius);
  font-size: var(--font-size-formfield);
  line-height: var(--line-height-formfield);
  grid-area: form-field;
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  pointer-events: none;
}
.ph-formfield queo-input-file .ph-formfield__file-list {
  --spacing-inner: calc(var(--gutter) * 0.5);
  --padding-h: calc(var(--gutter) * 0.5);
  --padding-v: calc(var(--gutter) * 0.25);
  background-color: var(--color-grey-lightest);
  border-radius: var(--form-field-border-radius);
  box-shadow: inset 0 0 0 var(--list-border-width) var(--list-border-color);
  display: flex;
  flex-flow: column nowrap;
  gap: var(--spacing-inner);
  grid-area: contents;
  outline: var(--focus-outline-width) solid transparent;
  outline-offset: var(--focus-outline-offset);
  transform: translateY(-0.063rem);
  transition: outline-color var(--focus-outline-transition-duration), box-shadow var(--transition-duration-short);
}
.ph-formfield queo-input-file .ph-formfield__file-list:empty {
  display: none;
}
.ph-formfield queo-input-file .ph-formfield__file-content {
  align-items: center;
  display: grid;
  gap: 0 var(--spacing-inner);
  grid-template-areas: "filename up down remove" "error blank blank blank";
  grid-template-columns: minmax(auto, 100%) min-content min-content min-content;
  padding: 0 var(--padding-h);
}
.ph-formfield queo-input-file .ph-formfield__file-content button[data-action] {
  align-items: center;
  appearance: none;
  aspect-ratio: 1;
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
  outline: var(--focus-outline-width) solid transparent;
  outline-offset: var(--focus-outline-offset);
  padding: 0.25rem;
  transition: outline-color var(--focus-outline-transition-duration);
}
.ph-formfield queo-input-file .ph-formfield__file-content button[data-action]:focus-visible {
  outline-color: var(--focus-outline-color);
}
.ph-formfield queo-input-file .ph-formfield__file-content button[data-action=up] {
  grid-area: up;
  visibility: var(--visibility-up, visible);
}
.ph-formfield queo-input-file .ph-formfield__file-content button[data-action=down] {
  grid-area: down;
  visibility: var(--visibility-down, visible);
}
.ph-formfield queo-input-file .ph-formfield__file-content button[data-action=remove] {
  grid-area: remove;
}
.ph-formfield queo-input-file .ph-formfield__file-content:not(:first-child) {
  position: relative;
  z-index: 0;
}
.ph-formfield queo-input-file .ph-formfield__file-content:not(:first-child):before {
  border-top: 0.063rem solid var(--color-grey-light);
  content: "";
  left: var(--padding-h);
  position: absolute;
  right: var(--padding-h);
  top: calc(-0.5 * var(--spacing-inner));
  z-index: -1;
}
.ph-formfield queo-input-file .ph-formfield__file-content:first-child {
  --visibility-up: hidden;
  padding-top: var(--padding-v);
}
.ph-formfield queo-input-file .ph-formfield__file-content:last-child {
  --visibility-down: hidden;
  padding-bottom: var(--padding-v);
}
.ph-formfield queo-input-file .ph-formfield__file-content-filename {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ph-formfield queo-input-file .ph-formfield__file-content-errors {
  --font-size: var(--font-size-smallest);
  color: var(--color-error);
  display: none;
  font-size: var(--font-size);
  font-weight: var(--font-weight-bold);
  grid-area: error;
}
.ph-formfield queo-input-file .ph-formfield__file-content-errors [data-error-max-limit],
.ph-formfield queo-input-file .ph-formfield__file-content-errors [data-error-max-file-size] {
  display: none;
}
.ph-formfield queo-input-file .ph-formfield__file-content.is-error {
  color: var(--color-error);
}
.ph-formfield queo-input-file .ph-formfield__file-content.is-error .ph-formfield__file-content-errors {
  display: block;
}
.ph-formfield queo-input-file .ph-formfield__file-content.is-exceeding-limit [data-error-max-limit] {
  display: list-item;
}
.ph-formfield queo-input-file .ph-formfield__file-content.is-exceeding-file-size [data-error-max-file-size] {
  display: list-item;
}
.ph-formfield queo-input-file:defined[label-upload]:not([filename=""]) {
  position: relative;
}
.ph-formfield queo-input-file:defined[label-upload]:not([filename=""]):before {
  background-color: var(--color-white);
  background-clip: content-box;
  border-radius: var(--form-field-border-radius);
  bottom: 0;
  content: attr(label-upload) ": " attr(text-empty);
  grid-area: form-field;
  left: 0;
  overflow: hidden;
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  pointer-events: none;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}
.ph-formfield queo-input-file:defined[label-upload]:not([text-empty]):not([filename=""]):before {
  content: attr(label-upload);
}
.ph-formfield queo-input-file:defined[label-upload][filename]:not([filename=""]):before {
  content: attr(filename);
}
.ph-formfield queo-input-file:defined.is-disabled:before {
  background-color: var(--color-disabled-bg) !important;
  color: var(--color-disabled);
}
.ph-formfield queo-input-file:defined.is-disabled:after {
  bottom: 0;
  content: "";
  cursor: not-allowed;
  left: 0;
  grid-area: form-field;
  position: absolute;
  right: 0;
  top: 0;
}
.ph-formfield queo-input-file.has-error {
  --focus-outline-color: var(--color-error);
  --list-border-color: var(--color-error);
}
.ph-formfield__clone {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}
.ph-formfield__clone-set {
  align-items: center;
  background-color: var(--color-grey-lighter);
  display: flex;
  gap: 1rem;
  padding: 1rem;
}
.ph-formfield__clone-set-items {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  gap: 0.75rem;
}
.ph-formfield__clone-add {
  background-color: var(--color-white);
  border: 1px dashed currentColor;
  outline: none;
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal, 1rem);
  position: relative;
  transition: color var(--transition-duration-short);
}
.ph-formfield__clone-add:before {
  content: "\f067";
  font-family: var(--icon-font-family);
  font-size: 1.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ph-formfield__clone-add:after {
  content: "+\ax";
  display: block;
  visibility: hidden;
  width: 0;
}
.ph-formfield__clone-add:focus-visible {
  color: var(--color-ci-secondary);
}
.ph-formfield__clone-remove {
  align-self: end;
  background-color: transparent;
  border: none;
  margin-bottom: calc(0.75rem + var(--form-field-padding-vertical));
  transform: translate(0, 50%);
  transition: color var(--transition-duration-short);
}
.ph-formfield__clone-remove:before {
  content: "\f00d";
  font-family: var(--icon-font-family);
  font-size: 1rem;
}
.ph-formfield__clone-remove:focus-visible {
  color: var(--color-ci-secondary);
}
.ph-formfield .ph-formfield__label i[aria-hidden]:after,
.ph-formfield legend i[aria-hidden]:after,
.ph-formfield label i[aria-hidden]:after {
  content: var(--form-field-required-char);
  font-family: var(--form-field-required-font-family);
  font-weight: var(--form-field-required-font-weight);
  padding-left: 0.31rem;
}
.ph-formfield.has-error {
  --form-field-border-color: var(--form-field-error-color);
  --form-select-border-color: var(--form-field-error-color);
  --form-select-color: var(--color-error);
  --focus-outline-color: var(--form-field-error-color);
}
.ph-formfield__note--info {
  font-size: var(--font-size-smallest);
  line-height: var(--line-height-small);
}
.ph-formfield__note--info > * {
  font-size: inherit;
  line-height: inherit;
}
.ph-formfield__notice {
  width: 100%;
}
.ph-formfield__notice--info {
  font-size: var(--font-size-smallest);
  margin-left: 2rem;
  margin-top: 0.25em;
  padding-left: 1.5em;
  position: relative;
}
.ph-formfield__notice--info:before {
  content: "\f05a";
  font-family: var(--icon-font-family);
  left: 0;
  position: absolute;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: var(--processing-size) var(--processing-size);
  }
}
.ph-button {
  --color: var(--button-override-color, var(--button-default-color));
  --bg-color: var(--button-override-bg-color, var(--button-default-background-color));
  --border-color: var(--button-override-border-color, var(--button-default-border-color));
  --border-radius: var(--border-radius-button);
  --border-width: var(--button-override-border-width, 0.125rem);
  --scale: var(--override-scale, 1);
  --transition-duration: var(--transition-duration-short);
  --outline-color: transparent;
  --hover-color: var(--button-default-color-hover);
  --hover-bg-color: var(--button-default-background-color-hover);
  --hover-border-color: var(--button-default-border-color-hover);
  --x-color: var(--color);
  --x-hover-color: var(--hover-color);
  --x-bg-color: var(--bg-color);
  --x-hover-bg-color: var(--hover-bg-color);
  --x-border-color: var(--border-color);
  --x-hover-border-color: var(--hover-border-color);
  align-items: center;
  appearance: none;
  background-color: var(--x-bg-color);
  border: none;
  border-radius: var(--border-radius);
  color: var(--x-color);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-family-sans-serif);
  font-size: var(--override-button-font-size, var(--font-size-main));
  font-weight: var(--override-button-font-weight, var(--font-weight-link));
  gap: 0.5rem;
  justify-content: center;
  line-height: var(--override-button-line-height, var(--line-height-main));
  outline: none;
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  position: relative;
  text-align: center;
  transition: background-color var(--transition-duration), box-shadow var(--transition-duration), color var(--transition-duration), opacity var(--transition-duration);
  user-select: none;
  z-index: 0;
}
.ph-button:after {
  background-color: inherit;
  border-radius: inherit;
  box-shadow: inset 0 0 0 var(--border-width) var(--x-border-color);
  content: "";
  inset: 0;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
  outline-offset: var(--focus-outline-offset--button);
  position: absolute;
  transform-origin: center center 0;
  transform: scale(var(--override-scale, var(--scale)));
  transition: transform var(--transition-duration), outline-color var(--transition-duration);
  z-index: -1;
}
.ph-button--primary {
  --color: var(--button-primary-color);
  --hover-color: var(--button-primary-color-hover);
  --bg-color: var(--button-primary-background-color);
  --hover-bg-color: var(--button-primary-background-color-hover);
  --border-color: var(--button-primary-border-color);
  --hover-border-color: var(--button-primary-border-color-hover);
}
.ph-button--secondary {
  --color: var(--button-secondary-color);
  --hover-color: var(--button-secondary-color-hover);
  --bg-color: var(--button-secondary-background-color);
  --hover-bg-color: var(--button-secondary-background-color-hover);
  --border-color: var(--button-secondary-border-color);
  --hover-border-color: var(--button-secondary-border-color-hover);
}
.ph-button--invert {
  --x-color: var(--bg-color);
  --x-hover-color: var(--hover-bg-color);
  --x-bg-color: var(--color);
  --x-hover-bg-color: var(--hover-color);
  --x-border-color: var(--hover-color);
}
.ph-button--image {
  --override-scale: 1;
  background-color: transparent;
  border-radius: 0;
  height: 2em;
  padding: 0;
}
.ph-button--image:after {
  content: none;
}
.ph-button--image img {
  height: 100%;
  transition: transform var(--transition-duration);
  transform: scale(var(--scale));
}
.ph-button--teaser {
  --border-radius: var(--border-radius-button-teaser);
  padding: 0.5rem 1.25rem 0.5rem;
}
.ph-button:is(input) {
  box-shadow: inset 0 0 0 var(--border-width) var(--x-border-color);
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
  outline-offset: var(--focus-outline-offset--button);
  transition: outline-color var(--transition-duration), background-color var(--transition-duration), color var(--transition-duration);
}
.ph-button:focus-visible {
  --outline-color: var(--focus-outline-color);
}
.ph-button[disabled] {
  cursor: not-allowed;
  overflow: hidden;
}
.ph-button[disabled]:before {
  background-color: var(--color-white);
  content: "";
  inset: 0;
  opacity: 0.6;
  position: absolute;
}
.ph-button[disabled]:after {
  transform: none;
}
.ph-button .svg-icon {
  --svg-fill-color: currentColor;
  --svg-stroke-color: currentColor;
  flex-shrink: 0;
  height: auto;
  width: 1.25em;
}
.ph-button-container .ph-buttons-wrapper {
  display: flex;
  flex-flow: row wrap;
  row-gap: var(--grid-gap-vertical);
  column-gap: var(--grid-gap-horizontal);
}
.ph-button-container .ph-buttons-wrapper--center {
  justify-content: center;
}
.ph-button-container .ph-buttons-wrapper--full-width .ph-button-wrapper {
  width: 100%;
}
.ph-buttons.c-grid {
  margin-top: var(--gutter);
}
.ph-buttons.c-grid:first-child {
  margin-top: 0;
}
.ph-buttons.c-grid .c-grid__item {
  margin-left: auto;
  margin-right: auto;
}
.ph-buttons.c-grid .c-grid__item:first-child {
  margin-left: 0;
}
.ph-buttons.c-grid .c-grid__item:last-child {
  margin-right: 0;
}
.ph-buttons.c-grid .c-grid__item:only-child {
  margin-left: auto;
  margin-right: 0;
}
.ph-buttons.c-grid .ph-button {
  width: 100%;
}
.ph-buttons:not(.c-grid) {
  display: flex;
  flex-flow: var(--ph-buttons-direction, row) var(--ph-buttons-wrap, wrap);
  gap: var(--ph-buttons-gap, 1rem);
}
.ph-buttons:not(.c-grid):not(:first-child) {
  margin-top: var(--ph-buttons-margin-top, 3rem);
}
body:not(.l-frontpage) .ph-buttons:not(.c-grid) {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--text-max-width);
}
.ph-buttons:not(.c-grid) > * {
  margin-top: 0;
}

.link:focus-visible {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
}

svg {
  stroke-linejoin: bevel;
  stroke-linecap: round;
}

.fill-color-main {
  fill: var(--svg-fill-color);
  transition: fill var(--svg-transition-duration);
}

.fill-color-secondary {
  fill: var(--svg-fill-color-secondary);
  transition: fill var(--svg-transition-duration);
}

.fill-color-third {
  fill: var(--svg-fill-color-third);
  transition: fill var(--svg-transition-duration);
}

.fill-color-white {
  fill: var(--color-white);
  transition: fill var(--svg-transition-duration);
}

.stroke-color-main {
  fill: var(--svg-fill-color-stroke);
  stroke: var(--svg-stroke-color);
  stroke-width: var(--svg-stroke-width);
  transition: stroke var(--svg-transition-duration);
}
.flatpickr-calendar {
  background: var(--color-white);
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 0;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--color-link);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 1rem;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 4px 0 0 0;
  line-height: 1.2;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--color-font-main);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.flatpickr-day.today {
  border-color: var(--color-link);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: var(--color-link);
  background: var(--color-link);
  color: var(--color-white);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--color-link);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: var(--color-link);
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.3);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f3f3f3;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.js-accordion .js-accordion-content {
  display: none;
}
.js-accordion .js-accordion-trigger {
  cursor: pointer;
}

/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.mejs__container {
  background: var(--color-grey-dark);
  box-sizing: border-box;
  font-family: var(--font-family-sans-serif);
  min-height: 40px;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}

.mejs__container * {
  box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs__container:focus {
  outline: none;
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs__embed,
.mejs__embed body {
  background: var(--color-font-main);
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs__fullscreen {
  overflow: hidden !important;
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs__poster-img {
  display: none;
}

.mejs__poster-img {
  border: 0;
  padding: 0;
}

.mejs__overlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__layer {
  z-index: 1;
}

.mejs__overlay-play {
  cursor: pointer;
}

.mejs__overlay-button {
  background: url("../../Images/Frontend/mejs-controls.svg") no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url("../../Images/Frontend/mejs-controls.svg") -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

@-webkit-keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs__controls:not([style*="display: none"]) {
  background: var(--color-font-main);
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs__button > button {
  background: transparent url("../../Images/Frontend/mejs-controls.svg");
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 15px 6px 0;
  text-align: center;
  width: auto;
}

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0;
}

.mejs__pause > button {
  background-position: -20px 0;
}

.mejs__replay > button {
  background-position: -160px 0;
}

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 0;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs__time-total {
  background: rgba(var(--color-white-rgb), 0.2);
  margin: 5px 0 0;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.mejs__time-loaded {
  background: rgba(var(--color-white-rgb), 0.4);
}

.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(var(--color-white-rgb), 1);
}

.mejs__time-hovered {
  background: rgba(var(--color-white-rgb), 0);
  z-index: 10;
}

.mejs__time-hovered.negative {
  background: rgba(var(--color-white-rgb), 1);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs__time-handle-content {
  border: 5px solid var(--color-white);
  border-radius: 0;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs__long-video .mejs__time-float-current {
  width: 60px;
}

.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0;
}

.mejs__unfullscreen > button {
  background-position: -100px 0;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0;
}

.mejs__unmute > button {
  background-position: -40px 0;
}

.mejs__volume-button {
  position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: var(--color-grey-dark);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs__volume-button:hover {
  border-radius: 0;
}

.mejs__volume-total {
  background: var(--color-grey-dark);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs__volume-current {
  background: var(--color-white);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.mejs__volume-handle {
  background: var(--color-white);
  border-radius: 0;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs__horizontal-volume-total {
  background: var(--color-font-main);
  border-radius: 0;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}

.mejs__horizontal-volume-current {
  background: var(--color-white);
  border-radius: 0;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mejs__horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}

.mejs__captions-button > button {
  background-position: -140px 0;
}

.mejs__chapters-button > button {
  background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: rgb(200, 200, 200) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
  color: rgb(33, 248, 248);
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs__captions-position-hover {
  bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}

/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
  position: relative;
}

.mejs__overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.mejs__cannotplay,
.mejs__cannotplay a {
  color: #fff;
  font-size: 0.8em;
}

.mejs__cannotplay {
  position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}

/* End: Error */
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  height: 100%;
  display: flex;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  user-select: none;
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  max-width: var(--slide-max-width, none);
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide:last-child,
swiper-slide:last-child {
  margin-right: 0 !important;
}
.swiper-slide > *,
swiper-slide > * {
  flex-grow: 1;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.a-icon:before {
  color: var(--icon-color, inherit);
  content: var(--icon-content, none);
  display: inline-block;
  font-family: var(--icon-font-family);
  font-size: var(--icon-font-size, inherit);
  font-style: normal;
  font-weight: var(--icon-font-weight, 400);
  text-decoration: none;
}
.a-icon--close {
  --icon-content: "";
  --icon-font-weight: 600;
}
.a-icon--clock {
  --icon-content: "";
}
.a-icon--person {
  --icon-content: "";
}
.a-icon--date {
  --icon-content: "";
}
.a-icon--category {
  --icon-content: "";
  --icon-font-weight: 600;
}
.a-icon--warning {
  --icon-content: "";
  --icon-font-weight: 600;
}
.a-icon--mail {
  --icon-content: "";
}
.a-icon--facebook {
  --icon-content: "";
  --icon-font-family: var(--icon-font-family-2);
}
.a-icon--linked-in {
  --icon-content: "";
  --icon-font-family: var(--icon-font-family-2);
}
.a-icon--instagram {
  --icon-content: "";
  --icon-font-family: var(--icon-font-family-2);
}
.a-icon--twitter {
  --icon-content: "x..";
  --icon-font-family: var(--font-family-sans-serif);
}
.a-icon--twitter:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}
.a-icon--youtube {
  --icon-content: "";
  --icon-font-family: var(--icon-font-family-2);
}
.a-icon--xing {
  --icon-content: "";
  --icon-font-family: var(--icon-font-family-2);
}

.c-anchor-tag {
  scroll-margin-top: calc(var(--header-condensed-height) + var(--sticky-content-nav-height));
}

.c-audio__wrapper {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 100%) minmax(0, min-content);
  grid-template-rows: minmax(0, max-content);
}
.c-audio__popover-wrapper {
  display: flex;
  padding-left: 0.75rem;
}
.c-audio__popover-wrapper queo-popover[data-icon=copyright] {
  --icon-color: var(--color-white);
  --popover-color: var(--color-white);
  --popover-icon-bg-color: var(--color-font-main);
}
.c-audio__caption {
  caption-side: bottom;
  padding-bottom: 0.313rem;
  width: 100%;
}

.c-checkbox-switch {
  margin: -0.5rem -1rem;
}
.c-checkbox-switch__item {
  display: inline-flex;
  flex-flow: row wrap;
  position: relative;
  padding: 0.5rem 1rem;
}
.c-checkbox-switch .c-checkbox-switch__label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  line-height: var(--line-height-small);
  outline: none;
  position: relative;
  text-align: right;
}
.c-checkbox-switch .c-checkbox-switch__label:before, .c-checkbox-switch .c-checkbox-switch__label:after {
  content: "";
  flex-shrink: 0;
  height: 1.25rem;
  margin-right: 0;
}
.c-checkbox-switch .c-checkbox-switch__label:before {
  background-color: var(--color-white);
  border-radius: 50%;
  margin-left: -1.25rem;
  order: 1;
  position: relative;
  right: calc(3.75rem - 1.25rem - 0.125rem);
  transition: right var(--transition-duration-short);
  z-index: 1;
  width: 1.25rem;
}
.c-checkbox-switch .c-checkbox-switch__label:after {
  background-color: var(--color-grey-light);
  border-radius: 1.25rem;
  margin-left: 0.5rem;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: 0;
  padding: 0.125rem 0;
  transition: background-color var(--transition-duration-short), outline-color var(--focus-outline-transition-duration);
  width: 3.75rem;
}
.c-checkbox-switch input {
  height: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
}
.c-checkbox-switch input:checked + .c-checkbox-switch__label:before {
  right: 0.125rem;
}
.c-checkbox-switch input:checked + .c-checkbox-switch__label:after {
  background-color: var(--color-ci-secondary);
}
.c-checkbox-switch input:focus-visible + .c-checkbox-switch__label:after {
  outline-color: var(--focus-outline-color);
}

.c-grid {
  --width-small: 12.5rem;
  align-items: baseline;
  display: flex;
  flex-flow: row wrap;
  row-gap: var(--grid-gap-vertical);
  column-gap: var(--grid-gap-horizontal);
}
.c-grid__item {
  flex-grow: 1;
  width: 100%;
}
.c-grid__item--attached:not(:first-child) {
  margin-top: calc(-0.5 * var(--grid-gap-vertical));
}
.c-grid__item--small {
  max-width: var(--width-small);
  width: calc(100% - var(--grid-gap-horizontal));
}
.c-grid__item--auto {
  min-width: calc(100% - var(--width-small) - var(--grid-gap-horizontal));
  width: auto;
}
.c-grid__item--25 {
  max-width: calc(25% - var(--grid-gap-horizontal) * 0.75);
  width: calc(25% - var(--grid-gap-horizontal));
}
.c-grid__item--33 {
  max-width: calc(33% - var(--grid-gap-horizontal) * 0.33);
  width: calc(33.33% - var(--grid-gap-horizontal));
}
.c-grid__item--50 {
  max-width: calc(50% - var(--grid-gap-horizontal) * 0.5);
  width: calc(50% - var(--grid-gap-horizontal));
}
.c-grid__item--66 {
  max-width: calc(67% - var(--grid-gap-horizontal) * 0.66);
  width: calc(66.66% - var(--grid-gap-horizontal));
}
.c-grid__item--75 {
  max-width: calc(75% - var(--grid-gap-horizontal) * 0.25);
  width: calc(75% - var(--grid-gap-horizontal));
}
.c-grid__item--form-spacer {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 3rem;
}
.c-grid__item--form-spacer .m-form__notice {
  margin: 0;
}
.c-grid__item--form-spacer .ph-button {
  flex-shrink: 0;
}
.c-grid__item--form-spacer .ph-button:last-child {
  margin-left: auto;
}
.c-grid__container {
  background-color: var(--color-grey-lightest);
  display: inherit;
  flex-flow: inherit;
  gap: inherit;
  padding: var(--grid-gap-vertical) var(--grid-gap-horizontal);
}
.c-grid + .c-grid {
  margin-top: var(--grid-gap-vertical);
}

.c-image {
  display: table;
  margin-right: auto;
}
.c-image img {
  background-color: var(--image-bg-color, var(--color-white));
  display: block;
  height: auto;
  max-width: 100%;
}
.c-image__wrapper {
  display: block;
  position: relative;
}
.c-image__picture {
  display: block;
  position: relative;
  font-size: 0;
}
.c-image__popover-wrapper {
  display: flex;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}
.c-image__caption {
  caption-side: bottom;
  display: table-caption;
  padding-bottom: 0.063rem;
}

.c-list {
  --margin-top: 2rem;
  list-style: none;
}
.c-list__item-meta {
  font-size: var(--font-size-small);
}
.c-list__item-meta span:not(:last-child):after {
  content: "|";
  padding: 0 0.5rem;
}
.c-list__item-meta:not(:last-child) {
  margin-bottom: 0.125rem;
}
.c-list__item-content {
  display: block;
}

.c-loader {
  align-items: center;
  background-color: var(--color-secondary-hover);
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--content-width);
  min-height: 12.5rem;
  position: relative;
  width: 100%;
}
.c-loader:before {
  animation: c-loader 2s linear infinite;
  border: 0.375rem solid var(--color-ci-primary);
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-radius: 50%;
  content: "";
  display: block;
  height: 4rem;
  width: 4rem;
}

@keyframes c-loader {
  0% {
    transform: translate(var(--loader-translate, 0)) rotate(0deg);
  }
  100% {
    transform: translate(var(--loader-translate, 0)) rotate(360deg);
  }
}
.c-module-header, .m-tiles-downloads-title, .m-tiles-blogposts-title {
  margin-bottom: var(--spacer-p-ul-ol-top);
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.c-module-header:not(:first-child), .m-tiles-downloads-title:not(:first-child), .m-tiles-blogposts-title:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.c-module-header:only-child, .m-tiles-downloads-title:only-child, .m-tiles-blogposts-title:only-child {
  margin-bottom: 0;
}
.c-module-header__subline {
  --font-size-headline: var(--font-size-h4);
}
.c-module-header__title + .c-module-header__subline {
  margin-top: 2rem;
}
.c-module-header__title {
  --font-size-headline: var(--font-size-h3);
}
.l-frontpage .c-module-header__title {
  --font-size-headline: var(--font-size-h2);
}

.c-module__content {
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.c-module__content:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}

.c-page-browser {
  --icon-content: "";
  --icon-size: 0.75rem;
  font-size: 1.5rem;
  user-select: none;
}
.c-page-browser:not(:first-child) {
  margin-top: var(--override-page-browser-margin, 3rem);
}
.c-page-browser:not(:last-child) {
  margin-bottom: var(--override-page-browser-margin, 3rem);
}
.c-page-browser__wrapper {
  align-items: stretch;
  display: flex;
  justify-content: center;
}
.c-page-browser a {
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  padding: 0 calc(var(--gutter) * 0.25);
  text-decoration: none;
}
.c-page-browser a:focus-visible {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: 0;
}
.c-page-browser__first, .c-page-browser__last, .c-page-browser__prev, .c-page-browser__next {
  font-size: 1em;
  margin: 0 calc(var(--gutter) * 0.25);
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
.c-page-browser__first span, .c-page-browser__last span, .c-page-browser__prev span, .c-page-browser__next span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.c-page-browser__first:before, .c-page-browser__first:after, .c-page-browser__last:before, .c-page-browser__last:after, .c-page-browser__prev:before, .c-page-browser__prev:after, .c-page-browser__next:before, .c-page-browser__next:after {
  align-items: center;
  border: 0.125rem solid currentColor;
  border-bottom: none;
  border-left: none;
  content: var(--icon-content);
  display: inline-flex;
  height: var(--icon-size);
  transform: translateX(var(--x-offset, -0.25rem)) rotate(var(--rotation, 45deg));
  width: var(--icon-size);
}
.c-page-browser__first:after, .c-page-browser__last:after, .c-page-browser__prev:after, .c-page-browser__next:after {
  content: var(--end-icon-content, none);
  margin-left: -0.25rem;
}
.c-page-browser__first--inactive, .c-page-browser__last--inactive, .c-page-browser__prev--inactive, .c-page-browser__next--inactive {
  visibility: hidden;
}
.c-page-browser__first, .c-page-browser__last {
  margin: 0;
  white-space: nowrap;
}
.c-page-browser__first, .c-page-browser__prev {
  --x-offset: 0.25rem;
  --rotation: 225deg;
}
.c-page-browser__first, .c-page-browser__last {
  --end-icon-content: var(--icon-content);
}
.c-page-browser__pages {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.c-page-browser__page {
  background-color: transparent;
  margin: 0 0.125rem;
  padding: 0.125rem 0.563rem 0;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
.c-page-browser__page--current {
  background-color: var(--color-grey-lighter);
  color: var(--color-font-main);
  cursor: default;
  pointer-events: none;
}
.c-page-browser__page--more {
  pointer-events: none;
}

queo-popover {
  --icon-size: 2rem;
  --icon-color: currentColor;
  --popover-color: var(--color-white);
  --popover-color-bg: var(--color-ci-secondary);
  --popover-spacing: 0.313rem;
  --popover-border-radius: 0;
  --notch-height: 0.5rem;
  --notch-width: 0.375rem;
  --notch-start: calc(0.5 * var(--icon-size));
  --notch-end: calc(100% - 0.5 * var(--icon-size));
  display: inline-flex;
  max-width: min-content;
  outline: none;
  overflow: hidden;
}
queo-popover button {
  cursor: pointer;
}
queo-popover:before {
  align-items: center;
  background-color: var(--popover-icon-bg-color, transparent);
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.125rem currentColor;
  color: var(--icon-color);
  content: "?";
  display: inline-flex;
  font-size: var(--popover-icon-font-size, 1.5rem);
  font-weight: var(--popover-icon-font-weight, var(--font-weight-main));
  height: var(--icon-size);
  justify-content: center;
  width: var(--icon-size);
}
queo-popover[data-icon]:before {
  content: attr(data-icon);
}
queo-popover[data-icon=error] {
  --popover-color-bg: var(--color-error);
  --popover-color: var(--color-error-bg);
  --popover-icon-bg-color: var(--color-error);
  color: var(--color-error-bg);
}
queo-popover[data-icon=error]:before {
  box-shadow: none;
  content: "!";
}
queo-popover[data-icon=copyright] {
  --line-height-small: var(--line-height-smallest);
  --popover-color-bg: var(--color-font-main);
  --popover-icon-bg-color: rgba(var(--color-white-rgb), 0.7);
  --popover-icon-font-size: calc(var(--icon-size) - 0.375rem);
  --popover-icon-font-weight: 600;
  --icon-size: 1.875rem;
}
queo-popover[data-icon=copyright]:before {
  box-shadow: none;
  content: "©";
  padding-bottom: 0.1em;
  transition: background-color var(--transition-duration-short);
}
queo-popover[data-icon=copyright] .c-popover {
  font-size: var(--font-size-small);
  padding: 0.5rem 0.75rem;
}
queo-popover .c-popover {
  background-color: var(--popover-color-bg);
  border-radius: var(--popover-border-radius);
  color: var(--popover-color);
  filter: drop-shadow(0 0.25rem 0.313rem rgba(0, 0, 0, 0.1333333333));
  font-weight: var(--font-weight-light);
  line-height: var(--line-height-small);
  left: var(--left, -200vw);
  max-width: 18.75rem;
  padding: 1rem;
  pointer-events: none;
  position: absolute;
  top: var(--top, -100vh);
  width: max-content;
  z-index: var(--z-index-modal);
}
queo-popover .c-popover:before {
  border-left: var(--notch-width) solid transparent;
  border-right: var(--notch-width) solid transparent;
  border-top: var(--notch-height) solid var(--popover-color-bg);
  content: "";
  display: block;
  height: 0;
  left: var(--notch-left, auto);
  padding-top: var(--popover-spacing);
  position: absolute;
  top: var(--notch-top, auto);
  transform: rotate(var(--notch-rotation, 0deg)) translate(var(--notch-x, 0), var(--notch-y, 0));
  transform-origin: 0 0;
  width: 0;
}
queo-popover .c-popover--bottom, queo-popover .c-popover--bottom-start, queo-popover .c-popover--bottom-end {
  --notch-left: 50%;
  --notch-top: 0;
  --notch-rotation: 180deg;
  --notch-x: calc(-1 * var(--notch-width));
  --notch-y: calc(50% - 0.5 * var(--notch-height) - 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--left, queo-popover .c-popover--left-start, queo-popover .c-popover--left-end {
  --notch-left: 100%;
  --notch-top: 50%;
  --notch-rotation: -90deg;
  --notch-x: -50%;
  --notch-y: calc(50% - 0.5 * var(--notch-height) - 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--right, queo-popover .c-popover--right-start, queo-popover .c-popover--right-end {
  --notch-left: 0;
  --notch-top: 50%;
  --notch-rotation: 90deg;
  --notch-x: -50%;
  --notch-y: calc(-50% + 0.5 * var(--notch-height) + 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--top, queo-popover .c-popover--top-start, queo-popover .c-popover--top-end {
  --notch-left: 50%;
  --notch-top: 100%;
  --notch-rotation: 0deg;
  --notch-x: calc(-1 * var(--notch-width));
  --notch-y: calc(50% - 0.5 * var(--notch-height) - 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--bottom-start, queo-popover .c-popover--top-start {
  --notch-left: var(--notch-start);
}
queo-popover .c-popover--bottom-end, queo-popover .c-popover--top-end {
  --notch-left: var(--notch-end);
}
queo-popover .c-popover--left-start, queo-popover .c-popover--right-start {
  --notch-top: var(--notch-start);
}
queo-popover .c-popover--left-end, queo-popover .c-popover--right-end {
  --notch-top: var(--notch-end);
}
queo-popover button {
  background-color: transparent;
  border: none;
  height: var(--icon-size);
  padding: 0;
  position: absolute;
  width: var(--icon-size);
}
queo-popover button + .c-popover {
  pointer-events: auto;
}

queo-media-player {
  display: block;
}

.l-wrapper > .c-rte-content, .m-tiles-downloads .container > .c-rte-content, .m-tiles-blogposts .container > .c-rte-content, .m-glossary .container > .c-rte-content {
  margin-inline: auto;
  max-width: var(--text-max-width);
}

tbody td, tobdy th,
.c-rte-content {
  --list-icon-color: var(--color-ci-primary);
  --margin-top: var(--spacer-p-ul-ol-top);
  font-size: var(--font-size-main);
}
tbody td:not(:first-child), tobdy th:not(:first-child),
.c-rte-content:not(:first-child) {
  margin-top: var(--override-rte-content-margin-top, var(--spacer-p-ul-ol-top));
}
tbody td p.small, tobdy th p.small,
.c-rte-content p.small {
  font-size: 0.89rem;
}
tbody td ul, tbody td ol, tobdy th ul, tobdy th ol,
.c-rte-content ul,
.c-rte-content ol {
  --spacer-li: 0.75em;
  display: flow-root;
  list-style-position: inside;
  list-style-type: none;
}
tbody td ul ul, tbody td ul ol, tbody td ol ul, tbody td ol ol, tobdy th ul ul, tobdy th ul ol, tobdy th ol ul, tobdy th ol ol,
.c-rte-content ul ul,
.c-rte-content ul ol,
.c-rte-content ol ul,
.c-rte-content ol ol {
  --shift: 1.063rem;
}
tbody td ul ul li:first-child, tbody td ul ol li:first-child, tbody td ol ul li:first-child, tbody td ol ol li:first-child, tobdy th ul ul li:first-child, tobdy th ul ol li:first-child, tobdy th ol ul li:first-child, tobdy th ol ol li:first-child,
.c-rte-content ul ul li:first-child,
.c-rte-content ul ol li:first-child,
.c-rte-content ol ul li:first-child,
.c-rte-content ol ol li:first-child {
  margin-top: var(--spacer-li);
}
tbody td li, tobdy th li,
.c-rte-content li {
  --margin-top: var(--spacer-li);
  padding-left: var(--shift);
}
tbody td ul, tobdy th ul,
.c-rte-content ul {
  --shift: 1em;
  --dot-size: 0.3em;
  --dot-top: 0;
  --dot-size-level-2: 0.25em;
  --dot-top-level-2: -0.063em;
  --dot-size-level-3: 0.2em;
  --dot-top-level-3: -0.125em;
}
tbody td ul li:before, tobdy th ul li:before,
.c-rte-content ul li:before {
  background-color: var(--list-icon-color);
  clip-path: var(--k-angle);
  content: "";
  display: inline-flex;
  height: calc(var(--dot-size) * 2.5);
  left: 0;
  margin-left: calc(-2 * var(--dot-size));
  position: relative;
  top: var(--dot-top);
  transform: translateX(calc(-1 * var(--shift) + 2 * var(--dot-size)));
  transform-origin: left center;
  width: calc(2 * var(--dot-size));
}
tbody td ul li li, tobdy th ul li li,
.c-rte-content ul li li {
  --dot-size: var(--dot-size-level-2);
  --dot-top: var(--dot-top-level-2);
}
tbody td ul li li li, tobdy th ul li li li,
.c-rte-content ul li li li {
  --dot-size: var(--dot-size-level-3);
  --dot-top: var(--dot-top-level-3);
  --shift: 0.75em;
}
tbody td ol, tobdy th ol,
.c-rte-content ol {
  --shift: 0px;
  --spacing: 2.1ch;
  counter-reset: item;
}
tbody td ol li, tobdy th ol li,
.c-rte-content ol li {
  padding-left: calc(var(--spacing) + var(--shift));
  position: relative;
}
tbody td ol li:before, tobdy th ol li:before,
.c-rte-content ol li:before {
  color: currentColor;
  content: counters(item, ".") ". ";
  counter-increment: item;
  background-color: transparent;
  font-weight: var(--font-weight-bold);
  left: 0;
  letter-spacing: 0.063rem;
  position: absolute;
  top: 0;
}
tbody td ol li:nth-child(n+10), tobdy th ol li:nth-child(n+10),
.c-rte-content ol li:nth-child(n+10) {
  --shift: 1.1ch;
}
tbody td ol ol ol, tobdy th ol ol ol,
.c-rte-content ol ol ol {
  --spacing: 4.1ch;
}
tbody td blockquote, tobdy th blockquote,
.c-rte-content blockquote {
  border-bottom: 0.5rem solid var(--color-ci-primary);
  border-top: 0.5rem solid var(--color-ci-primary);
  display: flow-root;
  font-size: var(--font-size-h2);
  font-style: italic;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-small);
  margin-top: calc(var(--spacer-p-ul-ol-top) * 1.5);
  padding: 1.5rem;
}
tbody td blockquote:last-child, tbody td blockquote:only-child, tobdy th blockquote:last-child, tobdy th blockquote:only-child,
.c-rte-content blockquote:last-child,
.c-rte-content blockquote:only-child {
  margin-bottom: 0;
}
tbody td blockquote p, tobdy th blockquote p,
.c-rte-content blockquote p {
  font-size: inherit;
}
tbody td blockquote:first-child, tobdy th blockquote:first-child,
.c-rte-content blockquote:first-child {
  margin-top: 0;
}
tbody td blockquote:only-child, tobdy th blockquote:only-child,
.c-rte-content blockquote:only-child {
  margin-top: 0;
  margin-bottom: 0;
}
tbody td blockquote:last-child, tobdy th blockquote:last-child,
.c-rte-content blockquote:last-child {
  margin-bottom: 0;
}

queo-table {
  --overflow-color: var(--color-ci-secondary);
  --overflow-left-opacity: 0;
  --overflow-right-opacity: 0;
  display: flex;
  margin: 0.5rem 0 1rem;
  max-width: var(--text-max-width);
  overflow-x: auto;
}
queo-table:first-child {
  margin-top: 0;
}
queo-table:last-child {
  margin-bottom: 0;
}
queo-table .c-table__overflow-left, queo-table .c-table__overflow-right {
  box-shadow: 0 0 1rem 0.25rem var(--overflow-color);
  content: "";
  position: sticky;
  transition: opacity var(--transition-duration-short);
  transform: scaleY(1.25);
}
queo-table .c-table__overflow-left {
  left: 0;
  opacity: var(--overflow-left-opacity);
}
queo-table .c-table__overflow-right {
  right: 0;
  opacity: var(--overflow-right-opacity);
}
queo-table.is-overflow-left {
  --overflow-left-opacity: 1;
}
queo-table.is-overflow-right {
  --overflow-right-opacity: 1;
}
queo-table:before, queo-table:after {
  box-shadow: 0 0 0 0.063rem var(--color-grey-light);
  content: "";
  position: sticky;
  transform: scaleY(1.25);
}
queo-table:before {
  left: 0;
}
queo-table:after {
  right: 0;
}

.c-table {
  --color-border: #c5c9cb;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--color-font-main);
  hyphens: none;
  margin-top: var(--spacer-p-ul-ol-top);
  text-align: left;
  width: 100%;
}
.c-table__wrapper {
  flex-grow: 1;
}
.c-table p {
  hyphens: none;
}
.c-table thead tr {
  border-bottom: 0.188rem solid var(--color-ci-primary);
}
.c-table tbody tr {
  background-color: transparent;
  border-bottom: 0.063rem solid var(--color-border);
  transition: background-color var(--transition-duration-short);
}
.c-table th,
.c-table td {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  padding: 0.75em;
  vertical-align: top;
}
.c-table th:first-child,
.c-table td:first-child {
  padding-left: 0;
}
.c-table th:last-child,
.c-table td:last-child {
  padding-right: 0;
}
.c-table tbody tr.hidden {
  display: none;
}

.c-teaser-icon-text {
  --font-size-headline: 1.625rem;
  --icon-width: 6rem;
  --tile-text-max-width: 93%;
  display: flex;
  flex-flow: column;
  gap: 1rem;
  height: 100%;
}
.c-teaser-icon-text--horizontal {
  --tile-text-max-width: 100%;
  flex-flow: row;
  gap: 1.75rem;
}
.c-teaser-icon-text--horizontal .c-teaser-icon-text__content {
  justify-content: initial;
  padding-top: 1.75rem;
}
.c-teaser-icon-text__illu .c-image {
  margin-inline: auto;
  max-width: 23.875rem;
}
.c-teaser-icon-text__icon {
  --svg-fill-color-secondary: var(--color-ci-primary);
  --svg-stroke-color: currentColor;
  --svg-stroke-width: 0.275rem;
  flex-shrink: 0;
  width: var(--icon-width);
}
.c-teaser-icon-text__content {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
.c-teaser-icon-text .c-rte-content {
  --margin-top: 0.35em;
  line-height: var(--line-height-small);
  max-width: var(--tile-text-max-width);
}
.c-teaser-icon-text__link {
  line-height: var(--line-height-small);
  margin-top: 0.5em;
  max-width: var(--tile-text-max-width);
  width: 100%;
}

.c-video {
  display: block;
  margin-right: auto;
  width: 100%;
}
.c-video iframe {
  border: none;
  display: block;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-video video {
  display: block;
  max-width: 100%;
  width: 100%;
}
.c-video__wrapper {
  position: relative;
  background-color: var(--color-grey-lighter);
}
.c-video__video-embed {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.c-video__video-embed:after {
  content: "";
  display: block;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: 0;
}

.l-default .m-glossary .container {
  max-width: var(--text-max-width);
}
.m-glossary-title {
  margin-bottom: 1.5rem;
}
.m-glossary-itemgroups, .m-glossary-items {
  list-style: none;
}
.m-glossary-itemgroup {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  padding: 1.5rem 0;
}
.m-glossary-itemgroup:not(:last-child) {
  border-bottom: 1px solid rgba(107, 107, 107, 0.25);
}
.m-glossary-itemgroup[aria-disabled=true] {
  color: var(--color-disabled);
}
.m-glossary-itemgroup h3 {
  line-height: 1.68rem;
  margin: 0;
  min-width: 5%;
}
.m-glossary-itemgroup h4 {
  margin-bottom: 0.25rem;
}
.m-glossary-item[aria-disabled=true] {
  color: var(--color-disabled);
}
.m-glossary-item:not(:first-child) {
  margin-top: 1.5rem;
}
.m-glossary ol {
  margin-left: 1rem;
  margin-top: 0.5em;
}
.m-glossary p:not(:first-of-type) {
  margin-top: 1.5em;
}

.m-graphic-usecases > .l-wrapper, .m-tiles-downloads .m-graphic-usecases > .container, .m-tiles-blogposts .m-graphic-usecases > .container, .m-glossary .m-graphic-usecases > .container {
  max-width: var(--text-max-width);
}
.m-graphic-usecases.l-module--bg {
  background-color: var(--color-grey-lightest);
}
.m-graphic-usecases-image .c-image {
  width: 75%;
  display: block;
  margin: 0 auto;
}
.m-graphic-usecases-image .c-image img {
  background-color: unset;
}
.m-graphic-usecases .m-accordion {
  margin-top: 3rem;
}
.m-graphic-usecases .m-accordion > .l-wrapper, .m-graphic-usecases .m-tiles-downloads .m-accordion > .container, .m-tiles-downloads .m-graphic-usecases .m-accordion > .container, .m-graphic-usecases .m-tiles-blogposts .m-accordion > .container, .m-tiles-blogposts .m-graphic-usecases .m-accordion > .container, .m-graphic-usecases .m-glossary .m-accordion > .container, .m-glossary .m-graphic-usecases .m-accordion > .container {
  padding-inline: 0;
}

.m-mautic-form .mauticform-checkboxgrp-label,
.m-mautic-form .mauticform-freetext {
  color: var(--color-font-main) !important;
}

.m-teaser-text-media .l-wrapper, .m-teaser-text-media .m-tiles-downloads .container, .m-tiles-downloads .m-teaser-text-media .container, .m-teaser-text-media .m-tiles-blogposts .container, .m-tiles-blogposts .m-teaser-text-media .container, .m-teaser-text-media .m-glossary .container, .m-glossary .m-teaser-text-media .container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: var(--text-max-width);
}
.m-teaser-text-media-image, .m-teaser-text-media-content {
  flex-basis: calc(50% - 1rem);
}
.m-teaser-text-media-image .c-image img {
  background-color: transparent;
}
.m-teaser-text-media:nth-of-type(even) {
  background-color: var(--color-grey-lightest);
  padding-block: var(--module-padding-top);
  margin-top: var(--module-padding-top);
}
.m-teaser-text-media:nth-of-type(even) .l-wrapper, .m-teaser-text-media:nth-of-type(even) .m-tiles-downloads .container, .m-tiles-downloads .m-teaser-text-media:nth-of-type(even) .container, .m-teaser-text-media:nth-of-type(even) .m-tiles-blogposts .container, .m-tiles-blogposts .m-teaser-text-media:nth-of-type(even) .container, .m-teaser-text-media:nth-of-type(even) .m-glossary .container, .m-glossary .m-teaser-text-media:nth-of-type(even) .container {
  flex-direction: row;
}
.m-teaser-text-media:nth-of-type(odd) .l-wrapper, .m-teaser-text-media:nth-of-type(odd) .m-tiles-downloads .container, .m-tiles-downloads .m-teaser-text-media:nth-of-type(odd) .container, .m-teaser-text-media:nth-of-type(odd) .m-tiles-blogposts .container, .m-tiles-blogposts .m-teaser-text-media:nth-of-type(odd) .container, .m-teaser-text-media:nth-of-type(odd) .m-glossary .container, .m-glossary .m-teaser-text-media:nth-of-type(odd) .container {
  flex-direction: row-reverse;
}

.m-teaser-video > .l-wrapper, .m-tiles-downloads .m-teaser-video > .container, .m-tiles-blogposts .m-teaser-video > .container, .m-glossary .m-teaser-video > .container {
  max-width: var(--text-max-width);
}
.m-teaser-video.l-module--bg {
  background-color: var(--color-grey-lightest);
}
.m-teaser-video__button-wrapper {
  text-align: center;
}
.m-teaser-video__wrapper {
  border-radius: 0.25rem;
  height: auto;
  margin-bottom: 1.5rem;
  overflow: hidden;
  width: 100%;
}
.m-teaser-video__wrapper video {
  display: block;
  height: auto;
  width: 100%;
}
.m-teaser-video .c-rte-content {
  margin-bottom: 3rem;
  margin-top: 1.5rem;
}

.m-tiles-blogposts .container {
  max-width: var(--text-max-width);
}
.m-tiles-blogposts-tile {
  position: relative;
}
.m-tiles-blogposts-tile-wrapper {
  display: grid;
  gap: 1.5rem;
  grid-auto-rows: 1fr;
  list-style: none;
}
.m-tiles-blogposts-tile-wrapper[data-items-per-row="4"] {
  grid-template-columns: repeat(3, 1fr);
}
.m-tiles-blogposts-tile-wrapper[data-items-per-row="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.m-tiles-blogposts-tile-inner {
  background-color: var(--color-white);
  border: 1px solid rgba(107, 107, 107, 0.25);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  overflow: hidden;
}
.m-tiles-blogposts-tile-thumbnail {
  display: flex;
  justify-content: left;
  position: relative;
  width: 100%;
}
.m-tiles-blogposts-tile-thumbnail:before {
  display: block;
  padding-top: 66.5%;
  content: "";
}
.m-tiles-blogposts-tile-thumbnail img {
  height: 100%;
  margin: 0 auto;
  min-width: 100%;
  position: absolute;
  top: 0;
}
.m-tiles-blogposts-tile-content {
  padding: 1.5rem;
}
.m-tiles-blogposts-tile-content p {
  margin-top: 1rem;
}
.m-tiles-blogposts-tile-footer {
  color: var(--color-ci-primary);
  margin-top: auto;
  padding: 0 1.5rem 1.5rem;
}
.m-tiles-blogposts-tile h3 {
  font-size: var(--font-size-large);
}

.m-tiles-downloads {
  position: unset;
  width: 100%;
}
.m-tiles-downloads .container {
  max-width: var(--text-max-width);
}
.m-tiles-downloads-tile {
  position: relative;
}
.m-tiles-downloads-tile-wrapper {
  display: grid;
  gap: 1.5rem;
  grid-auto-rows: 1fr;
  list-style: none;
}
.m-tiles-downloads-tile-wrapper[data-items-per-row="4"] {
  grid-template-columns: repeat(3, 1fr);
}
.m-tiles-downloads-tile-wrapper[data-items-per-row="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.m-tiles-downloads-tile-inner {
  background-color: var(--color-white);
  border: 1px solid rgba(107, 107, 107, 0.25);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  overflow: hidden;
}
.m-tiles-downloads-tile-thumbnail {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.m-tiles-downloads-tile-thumbnail:before {
  display: block;
  padding-top: 141.428%;
  content: "";
}
.m-tiles-downloads-tile-thumbnail img {
  height: 100%;
  margin: 0 auto;
  min-width: auto;
  position: absolute;
  top: 0;
}
.m-tiles-downloads-tile-thumbnail .svg-icon {
  --svg-fill-color: var(--color-white);
  --svg-stroke-color: var(--color-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  margin-left: -25%;
  margin-top: -25%;
  padding: 5%;
}
.m-tiles-downloads-tile-content {
  padding: 1.5rem;
}
.m-tiles-downloads-tile-content p {
  margin-top: 1rem;
}
.m-tiles-downloads-tile-footer {
  color: var(--color-ci-primary);
  margin-top: auto;
  padding: 0 1.5rem 1.5rem;
}
.m-tiles-downloads-tile-footer .fileinfo,
.m-tiles-downloads-tile-footer .filedate {
  color: var(--color-grey);
  display: block;
  font-size: var(--font-size-small);
}
.m-tiles-downloads-tile h3 {
  font-size: var(--font-size-large);
}
.m-tiles-downloads-tile a.link-download, .m-tiles-downloads-tile a.link-locked {
  --svg-fill-color: currentColor;
  --svg-stroke-color: currentColor;
  display: flex;
  margin-top: 0.75rem;
}
.m-tiles-downloads-tile a.link-download .svg-icon, .m-tiles-downloads-tile a.link-locked .svg-icon {
  height: 1em;
  margin-left: 0.25em;
  position: relative;
  top: 0.25em;
  width: 1em;
}

.m-tiles-mediathek > .l-wrapper, .m-glossary .m-tiles-mediathek > .container, .m-tiles-blogposts .m-tiles-mediathek > .container, .m-tiles-downloads .m-tiles-mediathek > .container {
  max-width: var(--text-max-width);
}
.m-tiles-mediathek.l-module--bg {
  background-color: var(--color-grey-lightest);
}
.m-tiles-mediathek-tile {
  position: relative;
}
.m-tiles-mediathek-tile-wrapper {
  display: grid;
  gap: 1.5rem;
  grid-auto-rows: 1fr;
  list-style: none;
}
.m-tiles-mediathek-tile-wrapper[data-items-per-row="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.m-tiles-mediathek-tile-wrapper[data-items-per-row="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.m-tiles-mediathek-tile-inner {
  --focus-outline-color: transparent;
  background-color: var(--color-white);
  border: 1px solid rgba(107, 107, 107, 0.25);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
  overflow: hidden;
  position: relative;
  transition: box-shadow var(--transition-duration-short), outline-offset var(--focus-outline-transition-duration);
}
.m-tiles-mediathek-tile-inner:has(a:focus-visible) {
  --focus-outline-color: currentColor;
}
.m-tiles-mediathek-tile-thumbnail {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.m-tiles-mediathek-tile-thumbnail:before {
  display: block;
  padding-top: 56.25%;
  content: "";
}
.m-tiles-mediathek-tile-thumbnail img {
  height: 100%;
  margin: 0 auto;
  min-width: 100%;
  position: absolute;
  top: 0;
}
.m-tiles-mediathek-tile-thumbnail .svg-icon {
  --svg-fill-color: var(--color-white);
  --svg-stroke-color: var(--color-white);
  background-color: rgba(17, 51, 80, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  margin-left: -25%;
  margin-top: -25%;
  padding: 5%;
}
.m-tiles-mediathek-tile-content {
  padding: 1.5rem;
}
.m-tiles-mediathek-tile-footer {
  color: var(--color-ci-primary);
  margin-top: auto;
  padding: 0 1.5rem 1.5rem;
}
.m-tiles-mediathek-tile-footer .videolength,
.m-tiles-mediathek-tile-footer .videodate {
  color: var(--color-grey);
  display: block;
  font-size: var(--font-size-small);
}
.m-tiles-mediathek-tile h3 {
  font-size: var(--font-size-large);
}
.m-tiles-mediathek-tile a.link-download, .m-tiles-mediathek-tile a.link-locked {
  --svg-fill-color: currentColor;
  --svg-stroke-color: currentColor;
  --svg-size: calc(1em + 0.125rem);
  --text-decoration-color: transparent;
  align-items: center;
  display: flex;
  margin-top: 0.75rem;
}
.m-tiles-mediathek-tile a.link-download .svg-icon, .m-tiles-mediathek-tile a.link-locked .svg-icon {
  height: var(--svg-size);
  margin-left: 0.25em;
  position: relative;
  top: 0.025em;
  width: var(--svg-size);
}

.m-tiles-usecases {
  --tile-inner-bg-color: var(--color-grey-lightest);
}
.m-tiles-usecases > .l-wrapper, .m-glossary .m-tiles-usecases > .container, .m-tiles-blogposts .m-tiles-usecases > .container, .m-tiles-downloads .m-tiles-usecases > .container {
  max-width: var(--text-max-width);
}
.m-tiles-usecases.l-module--bg {
  --tile-inner-bg-color: var(--color-white);
  background-color: var(--color-grey-lightest);
}
.m-tiles-usecases-tile {
  margin-bottom: 2.5rem;
  position: relative;
}
.m-tiles-usecases-tile-wrapper {
  display: grid;
  gap: 1.5rem;
  grid-auto-rows: 1fr;
  list-style: none;
}
.m-tiles-usecases-tile-wrapper[data-items-per-row="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.m-tiles-usecases-tile-wrapper[data-items-per-row="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.m-tiles-usecases-tile-wrapper:not(:first-child) {
  margin-top: 1.5rem;
}
.m-tiles-usecases-tile-inner {
  background-color: var(--tile-inner-bg-color);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: -5rem;
  padding-top: 2.5rem;
  overflow: hidden;
}
.m-tiles-usecases-tile-image {
  position: relative;
  width: 100%;
}
.m-tiles-usecases-tile-image img {
  display: block;
  height: 100%;
  margin: 0 auto;
  min-width: 100%;
}
.m-tiles-usecases-tile-content {
  line-height: 1;
  padding: 1.5rem;
  text-align: center;
}
.m-tiles-usecases-tile-footer {
  color: var(--color-ci-primary);
  margin-top: auto;
  padding: 0 1.5rem 1.5rem;
}
.m-tiles-usecases-tile h4 {
  font-size: 4rem;
  margin-bottom: 0.5rem;
  opacity: 0.5;
}
.equipment-cloud .m-tiles-usecases-tile h4 {
  font-weight: var(--font-weight-bold);
}
.m-tiles-usecases-tile p {
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
}
.m-tiles-usecases-tile a:before {
  border-radius: 0.25rem;
  bottom: 0;
  content: "";
  left: 0;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  position: absolute;
  right: 0;
  top: 0;
  transition: outline-color var(--focus-outline-transition-duration);
}
.m-tiles-usecases-tile a:focus-visible:before {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
}

.m-accordion {
  --accordion-slide-duration: var(--transition-duration-short);
  --accordion-label-color: var(--color-font-main);
  --accordion-label-bg-color: transparent;
  --accordion-label-gap: 0.5rem;
  --accordion-label-image-height: 4.375rem;
  --accordion-label-image-width: 3rem;
  --accordion-icon-color: var(--color-white);
  --accordion-icon-bg-color: var(--color-ci-primary);
  --accordion-icon-bg-size: 1.875rem;
  --accordion-icon-size: 40%;
  --accordion-icon-weight: 0.125rem;
  --accordion-item-divider-color: var(--color-border);
  --accordion-item-divider-width: 0.063rem;
  --accordion-content-bg-color: transparent;
  --accordion-content-border-color: var(--color-ci-primary);
  --accordion-content-border-width: 0;
  --accordion-content-icon-size: 7.5rem;
  --accordion-content-visibility: visible;
}
.m-accordion__items {
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.l-frontpage .m-accordion__items {
  max-width: var(--content-width-smaller);
}
.m-accordion__items:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-accordion__item {
  box-shadow: inset 0 calc(var(--accordion-item-divider-width) * -1) 0 0 var(--accordion-item-divider-color);
  display: block;
}
.m-accordion__item .l-module, .m-accordion__item .m-glossary, .m-accordion__item .m-teaser-text-media, .m-accordion__item .m-tiles-blogposts, .m-accordion__item .m-tiles-downloads {
  padding-bottom: 2rem;
}
.m-accordion__label {
  background-color: var(--accordion-label-bg-color);
  color: var(--color-font-main);
  cursor: pointer;
  display: flex;
  font-family: var(--font-family-sans-serif);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-semi-bold);
  gap: var(--accordion-label-gap);
  line-height: var(--line-height-headline);
  padding: calc(var(--gutter) * 0.5) 0;
  pointer-events: auto;
  text-align: left;
}
.m-accordion__label-icon {
  align-self: flex-start;
  background-color: var(--accordion-icon-bg-color);
  border-radius: var(--border-radius-button-teaser);
  display: flex;
  flex-shrink: 0;
  height: var(--accordion-icon-bg-size);
  margin-left: auto;
  order: 1;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: 0.063rem;
  position: relative;
  transition: background-color var(--transition-duration-short), outline-color var(--focus-outline-transition-duration);
  width: var(--accordion-icon-bg-size);
}
.m-accordion__label-icon:before, .m-accordion__label-icon:after {
  background-color: var(--accordion-icon-color);
  content: "";
  height: var(--accordion-icon-size);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0);
  transition: transform var(--transition-duration-short) ease;
  width: var(--accordion-icon-weight);
}
.m-accordion__label-icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
:focus .m-accordion__label-icon {
  outline-color: var(--focus-outline-color);
}
.is-open > .m-accordion__label {
  --accordion-icon-bg-color: var(--color-ci-primary);
}
.is-open > .m-accordion__label .m-accordion__label-icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.is-open > .m-accordion__label .m-accordion__label-icon:after {
  transform: translate(-50%, -50%) rotate(270deg);
}
.m-accordion__label-image {
  --svg-fill-color: currentColor;
  --svg-stroke-color: currentColor;
  --svg-stroke-width: 0.75rem;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin: calc(var(--gutter) * -0.5) 0;
  max-height: var(--accordion-label-image-height);
  padding: calc(var(--gutter) * 0.5) 0;
}
.m-accordion__label-image .svg-icon,
.m-accordion__label-image img {
  height: auto;
  width: var(--accordion-label-image-width);
}
.m-accordion__content {
  --wrapper-horizontal-padding: 0;
  background-color: var(--accordion-content-bg-color);
  padding: 0;
}
.m-accordion__content:before {
  content: "";
  display: block;
  height: calc(var(--gutter) * 0.25);
}
.m-accordion__content:after {
  content: "";
  display: block;
  height: calc(var(--gutter) * 0.5);
}
.m-accordion__content > .l-module, .m-accordion__content > .m-glossary, .m-accordion__content > .m-teaser-text-media, .m-accordion__content > .m-tiles-blogposts, .m-accordion__content > .m-tiles-downloads {
  max-width: var(--text-max-width);
}
.m-accordion__content:has(.m-accordion__content-icon) {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  grid-template-rows: repeat(10, max-content);
  grid-column-gap: 1.5rem;
  grid-row-gap: 0;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:first-of-type, .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:first-of-type, .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:first-of-type, .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:first-of-type, .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:first-of-type {
  grid-area: 1/2/2/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(2), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(2), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(2), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(2), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(2) {
  grid-area: 2/2/3/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(3), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(3), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(3), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(3), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(3) {
  grid-area: 3/2/4/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(4), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(4), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(4), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(4), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(4) {
  grid-area: 4/2/5/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(5), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(5), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(5), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(5), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(5) {
  grid-area: 5/2/6/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(6), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(6), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(6), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(6), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(6) {
  grid-area: 6/2/7/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(7), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(7), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(7), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(7), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(7) {
  grid-area: 7/2/8/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(8), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(8), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(8), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(8), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(8) {
  grid-area: 8/2/9/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(9), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(9), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(9), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(9), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(9) {
  grid-area: 9/2/10/3;
}
.m-accordion__content:has(.m-accordion__content-icon) > section.l-module:nth-of-type(10), .m-accordion__content:has(.m-accordion__content-icon) > section.m-glossary:nth-of-type(10), .m-accordion__content:has(.m-accordion__content-icon) > section.m-teaser-text-media:nth-of-type(10), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-blogposts:nth-of-type(10), .m-accordion__content:has(.m-accordion__content-icon) > section.m-tiles-downloads:nth-of-type(10) {
  grid-area: 10/2/11/3;
}
.m-accordion__content-icon {
  --svg-stroke-color: var(--color-white);
  --svg-fill-color: var(--color-white);
  background-color: var(--color-ci-primary);
  border-radius: 50%;
  flex-shrink: 0;
  grid-area: 1/1/2/2;
  height: var(--accordion-content-icon-size);
  padding: calc(var(--accordion-content-icon-size) * 0.1);
  width: var(--accordion-content-icon-size);
}
.m-accordion__content {
  height: 0;
  overflow: hidden;
  transition: visibility var(--accordion-slide-duration) 0s;
  visibility: var(--accordion-content-visibility);
}
.is-open .m-accordion__content {
  height: auto;
  overflow: visible;
  visibility: visible;
}
.is-using-keyboard .m-accordion {
  --accordion-content-visibility: hidden;
}

.m-breadcrumb {
  --icon-size: 1em;
  --triangle-size: 0.375em;
  --shadow-spread: 0.125rem;
  --scrub-wrap: nowrap;
  --list-wrap: nowrap;
  background-color: var(--color-white);
  color: var(--color-ci-primary);
  padding: 0.5rem 0;
  position: relative;
  user-select: none;
  z-index: 1;
}
.m-breadcrumb:before {
  bottom: 0;
  background-color: var(--color-white);
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 0;
  width: 100%;
  z-index: -1;
}
.m-breadcrumb:after {
  bottom: 0;
  box-shadow: 0 0 var(--shadow-spread) rgba(14, 14, 14, 0.4);
  content: "";
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 0;
  width: calc(100% - 2 * var(--shadow-spread));
  z-index: -2;
}
.m-breadcrumb a {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color, transparent);
}
.m-breadcrumb a:focus-visible {
  --outline-color: currentColor;
}
.m-breadcrumb__list {
  --gap: 0.125rem 0.5rem;
  align-items: center;
  display: flex;
  flex-flow: row var(--list-wrap);
  list-style: none;
  gap: var(--gap);
  margin: 0 calc(-1 * var(--focus-outline-width));
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5rem var(--focus-outline-width);
  white-space: var(--scrub-wrap);
}
.m-breadcrumb li {
  align-items: baseline;
  display: flex;
  gap: var(--gap);
}
.m-breadcrumb li:not(:first-child):not(:only-child):before {
  border: 0.063rem solid currentColor;
  border-top: none;
  border-left: none;
  content: "";
  height: var(--triangle-size);
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: center bottom;
  width: var(--triangle-size);
}
.m-breadcrumb li:first-child {
  flex-shrink: 0;
}
.m-breadcrumb .svg-icon {
  height: var(--icon-size);
  width: var(--icon-size);
}

.m-contact {
  --spacing-image-text: 2rem;
  --image-max-width: 25%;
  --ph-buttons-margin-top: 1.5rem;
  --font-size-headline: var(--font-size-h3);
  --headline-offset: calc(var(--font-size-headline) - var(--font-size-headline) * var(--line-height-headline));
}
.m-contact__wrapper {
  display: flex;
  flex-direction: var(--contact-flex-direction, row);
  gap: var(--spacing-image-text);
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-contact__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-contact__content {
  display: flex;
  flex-grow: 1;
  gap: 3rem;
  line-height: var(--line-height-headline);
}
.m-contact__content-wrapper {
  flex-grow: 1;
}
.m-contact .c-image {
  flex-shrink: 0;
  margin: 0;
  max-width: var(--image-max-width);
  order: -1;
}
.m-contact__heading {
  display: contents;
}
.m-contact__headline {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--font-size-headline);
}
.m-contact__headline:first-child {
  margin-top: var(--headline-offset);
}
.m-contact__headline:not(:first-child) {
  margin-top: 1rem;
}
.m-contact__name {
  color: var(--color-ci-primary);
  font-size: var(--font-size-headline);
}
.m-contact__name:first-child {
  margin-top: var(--headline-offset);
}
.m-contact__name:not(:first-child) {
  margin-top: 1rem;
}
.m-contact__title {
  color: var(--color-grey);
}
.m-contact__title:not(:first-child) {
  margin-top: 0.125rem;
}
.m-contact__area:not(:first-child) {
  margin-top: 0.125rem;
}
.m-contact__links:not(:first-child) {
  margin-top: 1.5rem;
}
.m-contact__link:not(:first-child) {
  margin-top: 1rem;
}
.m-contact .link {
  --icon-color: var(--color-ci-primary);
  --icon-font-size: 1.25em;
  align-items: baseline;
  display: inline-grid;
  grid-template-areas: "icon text";
  grid-template-columns: 2em auto;
}
.m-contact .link__icon {
  grid-area: icon;
  margin-left: 0;
}
.m-contact .ph-buttons {
  align-self: center;
  flex-shrink: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.equipment-cloud .m-contact {
  --spacing-image-text: 0;
  --img-width: 33%;
}
.equipment-cloud .m-contact .link {
  --icon-color: var(--color-font-main);
  --color-link: var(--color-ci-primary);
  --color-link-hover: var(--color-ci-primary);
  --text-decoration-color: var(--color-ci-primary);
}
.equipment-cloud .m-contact .c-image {
  display: block;
  max-width: var(--img-width);
  width: var(--img-width);
}
.equipment-cloud .m-contact .c-image__wrapper {
  height: 100%;
}
.equipment-cloud .m-contact .c-image__picture {
  height: 100%;
}
.equipment-cloud .m-contact .c-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equipment-cloud .m-contact .m-contact__wrapper {
  box-shadow: var(--box-shadow-ec);
  border-radius: var(--border-radius-ec);
  color: var(--color-font-main);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}
.equipment-cloud .m-contact .m-contact__content {
  gap: 1rem;
  padding: 3rem;
}

.m-contacts {
  --contacts-gap: 3rem;
}
.m-contacts__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--contacts-gap);
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-contacts__items:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-contacts__item {
  display: flex;
  flex-grow: 1;
  max-width: calc(50% - 0.5 * var(--contacts-gap));
}
.m-contacts .m-contact {
  --wrapper-horizontal-padding: 0;
  flex-grow: 1;
}
.m-contacts .c-image {
  display: grid;
  flex-grow: 1;
}
.m-contacts .c-image img {
  width: calc(100 * var(--vpw));
}
.equipment-cloud .m-contacts .c-image {
  --img-width: 25%;
}
.equipment-cloud .m-contacts .m-contacts__items {
  flex-direction: column;
  flex-wrap: unset;
}
.equipment-cloud .m-contacts .m-contacts__item {
  background-color: transparent;
  padding: 0;
}
.equipment-cloud .m-contacts .m-contact__content {
  display: block;
  padding: 2rem;
}
.equipment-cloud .m-contacts .m-contact__content-wrapper {
  display: flex;
  flex-direction: column;
}
.equipment-cloud .m-contacts .m-contact__heading {
  align-self: flex-start;
  margin-left: 0;
}

.m-content-nav {
  --fade-size: 0.75rem;
  --nav-shadow-opacity: 0;
  background-color: var(--color-white);
  position: sticky;
  top: var(--header-condensed-height);
  transition: box-shadow 0s var(--transition-duration-header-layer);
  z-index: calc(var(--z-index-sticky-anchor) - 1);
}
.is-content-nav-stuck .m-content-nav {
  --nav-shadow-opacity: 1;
  --border-bottom-color: transparent;
  z-index: var(--z-index-sticky-anchor);
}
.is-header-layer-open.is-content-nav-stuck .m-content-nav {
  box-shadow: 0 -1rem 0 1rem var(--color-white);
}
.m-content-nav:before {
  --spread: 0.5rem;
  box-shadow: 0 0 var(--spread) rgba(14, 14, 14, calc(0.5 * var(--nav-shadow-opacity, 0)));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: calc(-1 * var(--spread));
  z-index: -1;
}
.m-content-nav:after {
  background-color: inherit;
  border-bottom: 0.125rem solid var(--border-bottom-color, var(--color-grey-lighter));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.m-content-nav .l-wrapper, .m-content-nav .m-glossary .container, .m-glossary .m-content-nav .container, .m-content-nav .m-tiles-blogposts .container, .m-tiles-blogposts .m-content-nav .container, .m-content-nav .m-tiles-downloads .container, .m-tiles-downloads .m-content-nav .container {
  max-width: none;
  padding: 0;
}
.m-content-nav .l-wrapper:before, .m-content-nav .m-glossary .container:before, .m-glossary .m-content-nav .container:before, .m-content-nav .m-tiles-blogposts .container:before, .m-tiles-blogposts .m-content-nav .container:before, .m-content-nav .m-tiles-downloads .container:before, .m-tiles-downloads .m-content-nav .container:before {
  border-top: 0.125rem solid var(--color-grey-lighter);
  content: "";
  display: block;
  left: 0;
  position: sticky;
  right: 0;
  z-index: 1;
  top: var(--header-condensed-height);
}
.m-content-nav queo-content-nav {
  max-width: var(--content-width);
  margin-inline: auto;
  padding: 0 var(--wrapper-horizontal-padding);
}
.m-content-nav__wrapper {
  align-items: center;
  display: flex;
  gap: var(--gutter);
  height: var(--content-nav-height);
  overflow: hidden;
}
.m-content-nav__headline {
  flex-shrink: 0;
}
.m-content-nav__items {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  gap: var(--gutter);
  margin: 0;
  overflow: hidden;
  padding: 0;
  user-select: none;
}
.m-content-nav__item {
  font-weight: var(--font-weight-semi-bold);
  flex-shrink: 0;
}
.m-content-nav__item a {
  --outline-color: transparent;
  display: block;
  outline: none;
  padding: calc(var(--gutter) * 0.5) 0;
  position: relative;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.125rem;
  text-underline-offset: 0.438rem;
  transition: text-decoration-color var(--transition-duration-short);
}
.m-content-nav__item a:before {
  bottom: calc(var(--gutter) * 0.5);
  content: "";
  left: 0;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
  position: absolute;
  right: 0;
  top: calc(var(--gutter) * 0.5);
}
.m-content-nav__item a.is-active {
  text-decoration-color: var(--color-ci-primary) !important;
}
.m-content-nav__item a:focus-visible {
  --outline-color: currentColor;
}
.m-content-nav__stream-fade {
  background-image: linear-gradient(90deg, var(--color-white) 0%, transparent 100%);
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity var(--transition-duration-short);
  width: var(--fade-size);
  z-index: 1;
}
.m-content-nav__stream-fade--start {
  left: 0;
}
.m-content-nav__stream-fade--end {
  right: 0;
  transform: rotate(180deg);
}

.m-flyout {
  --trigger-bg-color: var(--color-blue-dark);
  --trigger-padding: 0.5rem;
  --trigger-width: 100%;
  --trigger-icon-text-spacing: 0.75rem;
  --trigger-icon-size: 2rem;
  --trigger-bottom-offset: calc(var(--gutter) + 0.063rem);
  --space: calc(var(--trigger-icon-size) + 2 * var(--trigger-padding));
  bottom: var(--trigger-bottom-offset);
  margin: 0 auto;
  max-width: var(--content-page-width);
  position: sticky;
  transform: translateY(var(--trigger-bottom-offset));
  width: 100%;
  z-index: calc(var(--z-index-sticky-anchor) - 1);
}
.m-flyout__wrapper {
  bottom: var(--wrapper-horizontal-padding);
  pointer-events: none;
  position: absolute;
  right: var(--wrapper-horizontal-padding);
}
.m-flyout__trigger {
  --outline-color: transparent;
  align-items: stretch;
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  filter: drop-shadow(0 0 0.125rem rgba(31, 31, 31, 0.3137254902));
  margin-left: auto;
  min-width: calc(var(--trigger-icon-size) + 2 * var(--trigger-padding));
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
  outline-offset: -0.063rem;
  padding: 0;
  pointer-events: none;
  transition: width var(--transition-duration-short);
  width: var(--trigger-width);
}
.m-flyout__trigger:before {
  background-color: var(--trigger-bg-color);
  background-clip: content-box;
  content: "";
  flex-shrink: 0;
  margin-left: auto;
  margin-right: calc(-1 * var(--space));
  pointer-events: auto;
  transition: clip-path var(--transition-duration-short);
  width: var(--space);
}
.m-flyout__trigger .svg-icon {
  --svg-fill-color: var(--color-white);
  --svg-stroke-width: 0.5rem;
  box-sizing: content-box;
  flex-shrink: 0;
  height: auto;
  padding: var(--trigger-padding);
  width: var(--trigger-icon-size);
  z-index: 1;
}
.m-flyout__trigger span {
  align-items: center;
  background-color: var(--trigger-bg-color);
  display: flex;
  overflow: hidden;
  pointer-events: all;
  text-align: left;
  transition: width var(--transition-duration-short);
  white-space: nowrap;
  width: var(--trigger-width);
}
.m-flyout__trigger span:before {
  content: "";
  flex-shrink: 0;
  width: calc(var(--trigger-icon-text-spacing) - var(--trigger-padding));
}
.m-flyout__trigger span:after {
  content: "";
  flex-shrink: 0;
  width: var(--trigger-padding);
}
.m-flyout__trigger.is-open, .m-flyout__trigger:focus-visible {
  --trigger-width: 100%;
}
.m-flyout__trigger:focus-visible {
  --outline-color: var(--color-font-main);
}
.m-flyout__close {
  --svg-stroke-color: currentColor;
  align-items: center;
  appearance: none;
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
  padding: var(--close-icon-padding);
  position: absolute;
  right: 0;
  bottom: 100%;
}
.m-flyout__close span {
  display: none;
}
.m-flyout__close .svg-icon {
  height: var(--close-icon-size);
  width: var(--close-icon-size);
}
.m-flyout__close:focus-visible {
  --outline-color: currentColor;
}
.m-flyout__layer {
  --flyout-duration: var(--transition-duration-header-layer);
  --close-icon-size: 1.75rem;
  --close-icon-padding: 0.75rem;
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity var(--flyout-duration), visibility 0s var(--flyout-duration);
  visibility: hidden;
  z-index: var(--z-index-modal);
}
.m-flyout__layer.is-open {
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--flyout-duration);
  visibility: visible;
}
.m-flyout__content {
  --content-background-color: var(--color-white);
  --margin: 1.5rem;
  --close-button-height: var(--close-icon-size) + 2 * var(--close-icon-padding);
  background-color: var(--content-background-color);
  filter: drop-shadow(0 0 0.125rem rgba(31, 31, 31, 0.3137254902));
  flex-grow: 1;
  margin: calc(var(--margin) + var(--close-button-height)) var(--margin) var(--margin);
  max-width: var(--modal-max-width);
  position: relative;
}
.m-flyout__content-wrapper {
  max-height: calc(100 * var(--vph) - 4 * var(--margin) - var(--close-button-height));
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
  overflow-y: auto;
  padding: 1.5rem;
}
.m-flyout__content-wrapper:before, .m-flyout__content-wrapper:after {
  background-color: var(--content-background-color);
  content: "";
  display: block;
  height: 1.5rem;
  position: sticky;
  z-index: var(--z-index-modal);
}
.m-flyout__content-wrapper:before {
  margin-top: -1.5rem;
  top: -1.5rem;
}
.m-flyout__content-wrapper:after {
  bottom: -1.5rem;
  margin-bottom: -1.5rem;
}
.m-flyout__content-wrapper > .l-module, .m-flyout__content-wrapper > .m-glossary, .m-flyout__content-wrapper > .m-teaser-text-media, .m-flyout__content-wrapper > .m-tiles-blogposts, .m-flyout__content-wrapper > .m-tiles-downloads {
  --module-padding-bottom: 1rem;
  --module-padding-top: 1rem;
  --wrapper-horizontal-padding: 0;
}
.m-flyout__content-wrapper > .l-module:first-child, .m-flyout__content-wrapper > .m-glossary:first-child, .m-flyout__content-wrapper > .m-teaser-text-media:first-child, .m-flyout__content-wrapper > .m-tiles-blogposts:first-child, .m-flyout__content-wrapper > .m-tiles-downloads:first-child {
  --module-padding-top: 0;
}
.m-flyout__content-wrapper > .l-module:last-child, .m-flyout__content-wrapper > .m-glossary:last-child, .m-flyout__content-wrapper > .m-teaser-text-media:last-child, .m-flyout__content-wrapper > .m-tiles-blogposts:last-child, .m-flyout__content-wrapper > .m-tiles-downloads:last-child {
  --module-padding-bottom: 0;
}
.m-flyout__content-wrapper:focus-visible {
  --outline-color: currentColor;
}
.equipment-cloud .m-flyout .m-flyout__trigger {
  border-radius: var(--border-radius-ec);
  overflow: hidden;
}

.m-footer {
  --logo-width: 12rem;
  --line-spacing: 0.5rem;
  --gap: 2rem;
  --text-decoration-color-hover: currentColor;
  --text-decoration-color-active: var(--color-ci-secondary);
  --text-decoration-color-open: var(--color-ci-primary);
  --text-decoration-thickness: 0.063rem;
  --text-underline-offset: 0.25rem;
  background-image: linear-gradient(57deg, var(--color-ci-primary) 0%, var(--color-ci-secondary));
  color: var(--color-white);
  z-index: calc(var(--z-index-sticky-anchor) - 1);
}
.m-footer a {
  --color-border: transparent;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color, transparent);
  text-decoration: underline;
  text-decoration-color: var(--color-border, transparent);
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: color var(--transition-duration-short), text-decoration-color var(--transition-duration-short);
}
.m-footer a:focus-visible {
  --outline-color: currentColor;
}
.m-footer__wrapper {
  margin: 0 calc(-1 * var(--wrapper-horizontal-padding));
  padding: 0 var(--wrapper-horizontal-padding);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.m-footer__wrapper:before {
  --stroke-width: 10rem;
  --watermark-offset: -100%;
  box-sizing: content-box;
  border: var(--stroke-width) solid rgba(255, 255, 255, 0.075);
  content: "";
  padding-bottom: 100%;
  position: absolute;
  top: 50%;
  transform: translate(calc(var(--watermark-offset) + var(--stroke-width)), -50%) scale(1, 1.55) rotate(45deg);
  width: 100%;
  z-index: -1;
}
.m-footer__row:first-child {
  padding-top: 3rem;
}
.m-footer__row:not(:first-child) {
  margin-top: 2rem;
}
.m-footer__row--nav .m-footer__column {
  max-width: 25%;
}
.m-footer__row--meta {
  --flex-wrap: no-wrap;
}
.m-footer__row--meta .svg-icon {
  --svg-fill-color: currentColor;
  border-radius: 0.188rem;
  flex-shrink: 0;
  width: 2.5rem;
}
.m-footer__row--meta ul {
  align-items: center;
  display: flex;
  flex-wrap: var(--flex-wrap);
  gap: 1rem 1.5rem;
}
.m-footer__row--meta li {
  --margin-top: 0;
}
.m-footer__row--meta .m-footer__columns {
  align-items: end;
  gap: 3rem;
  justify-content: space-between;
}
.m-footer__row--meta .m-footer__column:first-child a {
  display: inline-block;
  outline-offset: 0.125rem;
}
.m-footer__row--meta .m-footer__column:last-child {
  --flex-wrap: wrap;
}
.m-footer__row--copy {
  border-top: 0.063rem solid rgba(255, 255, 255, 0.2);
  padding: 1rem 0 2rem;
  text-align: center;
}
.m-footer__columns {
  display: flex;
  gap: var(--gap);
  flex-flow: row wrap;
}
.m-footer__row--nav .m-footer__column {
  flex-grow: 1;
  max-width: 25%;
}
.m-footer__logo {
  --svg-fill-color: currentColor;
  --svg-fill-color-secondary: currentColor;
  max-width: var(--logo-width);
}
.m-footer address {
  font-style: normal;
  line-height: 1.2;
}
.m-footer address span:not(:first-child) {
  display: block;
  margin-top: var(--line-spacing);
}
.m-footer__headline {
  font-weight: var(--font-weight-bold);
  margin-bottom: 1.5rem;
}
.m-footer ul {
  --margin-top: var(--line-spacing);
  line-height: 1.2;
  list-style: none;
}
.m-footer .svg-icon {
  transform: scale(var(--scale-icon, 1));
  transition: transform var(--transition-duration-short);
}
.m-footer--condensed .m-footer__wrapper:before {
  content: none;
}

.m-header {
  --logo-width: 12rem;
  --nav-bottom-shift: 0.313rem;
  --text-decoration-color-hover: currentColor;
  --text-decoration-color-active: var(--color-ci-primary);
  --text-decoration-color-open: var(--color-font-main);
  --text-decoration-thickness: 0.063rem;
  --text-underline-offset: 0.25rem;
  --button-override-border-width: 0.063rem;
  --font-size-input-button: 1rem;
  --gap-input-button: 1rem;
  background-color: var(--color-white);
  height: var(--header-height);
  left: 0;
  position: fixed;
  right: 0;
  top: calc(-1 * (var(--header-height) - var(--header-condensed-height)) * var(--header-offset-factor, 0));
  user-select: none;
  z-index: var(--z-index-header);
}
.m-header:after {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}
.is-header-layer-open .m-header:after {
  pointer-events: auto;
}
.m-header a, .m-header span {
  --color-border: transparent;
  text-decoration: underline;
  text-decoration-color: var(--color-border, transparent);
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: color var(--transition-duration-short), text-decoration-color var(--transition-duration-short);
}
.m-header a.is-active, .m-header span.is-active {
  --color-border: var(--text-decoration-color-active) !important;
}
.m-header a.is-open, .m-header span.is-open {
  --color-border: var(--text-decoration-color-open) !important;
}
.m-header a {
  --outline-color: transparent;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--outline-color);
}
.m-header a:focus-visible {
  --outline-color: currentColor;
}
.m-header .has-sub > a, .m-header .has-sub > span {
  font-weight: var(--font-weight-bold);
}
.m-header ul {
  list-style: none;
}
.m-header__nav--lang .is-active {
  font-weight: var(--font-weight-bold);
}
.m-header__search {
  --button-icon-size: 1.5rem;
  --button-width: 3rem;
  --svg-stroke-color: currentColor;
  font-size: var(--font-size-input-button);
  margin-left: auto;
  max-width: 20rem;
}
.m-header__search queo-suggest {
  --suggest-border-radius: 0;
  --focus-outline-width: var(--button-override-border-width);
  --outline-offset: 0.063rem;
  --suggestion-padding-x: 1.25rem;
  --override-input-padding: 0.125rem 0 0.125rem 0.5rem;
  background-color: var(--color-white);
  box-shadow: inset 0 -0.063rem 0 var(--focus-color, var(--color-grey));
  grid-template-areas: "form-field addon";
  transition: outline-color var(--focus-outline-transition-duration);
}
.m-header__search queo-suggest:focus {
  --focus-color: var(--focus-outline-color);
  box-shadow: inset 0 0 0 0.063rem var(--focus-color, var(--color-grey));
}
.m-header__search queo-suggest input {
  border: 0.063rem solid transparent !important;
  outline: 0.063rem solid var(--outline-color, transparent) !important;
  outline-offset: -0.063rem;
  z-index: 1;
}
.m-header__search queo-suggest input:focus {
  --outline-color: var(--focus-outline-color);
}
.m-header__search queo-suggest input, .m-header__search queo-suggest::part(input) {
  --color: currentColor;
  background-color: transparent;
  background-clip: padding-box;
  border: var(--outline-offset) solid transparent;
  box-shadow: none;
  outline: none;
  padding: var(--override-input-padding);
  width: 100%;
}
.m-header__search queo-suggest::part(layer) {
  margin-top: calc(-1 * var(--outline-offset));
  width: calc(100% + var(--button-width));
}
.m-header__search queo-suggest .ph-formfield__addon {
  gap: 0;
}
.m-header__search .ph-formfield {
  background-color: var(--color-white);
  box-shadow: inset 0 -0.063rem 0 var(--focus-color, var(--color-grey));
  padding: 0.063rem;
}
.m-header__search .ph-formfield input {
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0.125rem 0 0.125rem 0.5rem !important;
}
.m-header__search .ph-formfield__addon:before {
  content: none;
}
.m-header__search .ph-formfield:focus-within {
  box-shadow: inset 0 0 0 0.063rem var(--focus-color, var(--color-grey));
}
.m-header__search button {
  align-items: center;
  appearance: none;
  background-color: transparent;
  background-clip: padding-box;
  border: var(--outline-offset) solid transparent;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: 0.125rem var(--focus-outline-style) var(--outline-color);
  outline-offset: -0.188rem;
  transition: background-color var(--transition-duration-short);
  width: var(--button-width);
}
.m-header__search button:focus-visible {
  --outline-color: var(--focus-outline-color);
}
.m-header__search .svg-icon {
  height: var(--button-icon-size);
  width: var(--button-icon-size);
}
.m-header__nav--meta .ph-button {
  text-decoration: none;
}
.equipment-cloud .m-header {
  --logo-width: 18rem;
}
.equipment-cloud .m-header .m-header__nav--meta {
  display: contents;
}
.equipment-cloud .m-header .m-header__wrapper--top {
  background-color: var(--color-ci-white);
  background-image: none;
  color: var(--color-font-main);
}
.equipment-cloud .m-header .m-header__wrapper--top .m-header__contents {
  background-color: var(--color-white);
}
.equipment-cloud .m-header .m-header__wrapper--top .m-header__contents:after {
  content: none;
}
.equipment-cloud .m-header .m-header__wrapper--top .m-header__contents:before {
  background-color: var(--color-white);
}

body:after {
  --z-index-fade-layer: var(--override-z-index-fade-layer, calc(var(--z-index-header) - 1));
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity var(--transition-duration-header-layer), visibility 0s var(--transition-duration-header-layer);
  visibility: hidden;
  z-index: var(--z-index-fade-layer);
}
.is-modal-open body:after, .is-header-layer-open body:after {
  opacity: 1;
  transition: opacity var(--transition-duration-header-layer);
  visibility: visible;
}

main:before {
  --spread: 0.5rem;
  --header-offset-factor: 1;
  box-shadow: var(--spread) 0 var(--spread) rgba(14, 14, 14, calc(0.5 * var(--header-offset-factor, 0)));
  content: "";
  height: calc(var(--header-height) + var(--header-offset));
  left: calc(-1 * var(--spread));
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--z-index-sticky-anchor);
}
.is-header-layer-open main:before {
  --header-offset-factor: 1;
}

.m-hero {
  --bg-shift: -12rem;
  --image-width-factor: 0.5;
  --image-min-height: 32rem;
}
.m-hero__wrapper {
  align-items: end;
  background-color: var(--color-ci-primary);
  background-image: linear-gradient(38deg, var(--color-ci-primary), var(--color-ci-secondary) 50%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.m-hero__content {
  display: flex;
  flex-grow: 1;
  height: 100%;
  min-height: var(--image-min-height);
  order: 1;
  width: calc(100% * (1 - var(--image-width-factor)));
  z-index: 1;
}
.m-hero__content:only-child {
  max-width: var(--content-width);
  margin-inline: auto;
  min-height: unset;
  width: 100%;
}
.m-hero__content:only-child .l-wrapper, .m-hero__content:only-child .m-glossary .container, .m-glossary .m-hero__content:only-child .container, .m-hero__content:only-child .m-tiles-blogposts .container, .m-tiles-blogposts .m-hero__content:only-child .container, .m-hero__content:only-child .m-tiles-downloads .container, .m-tiles-downloads .m-hero__content:only-child .container {
  --deco-content: none !important;
  max-width: none;
  width: 100%;
}
.m-hero__content .l-wrapper, .m-hero__content .m-glossary .container, .m-glossary .m-hero__content .container, .m-hero__content .m-tiles-blogposts .container, .m-tiles-blogposts .m-hero__content .container, .m-hero__content .m-tiles-downloads .container, .m-tiles-downloads .m-hero__content .container {
  --deco-content: "";
  --deco-size: 100rem;
  --deco-gardient-offset: 25%;
  align-items: center;
  display: flex;
  margin-right: calc(0.5 * (100 * var(--vpw) - var(--content-width)) - 0.5rem);
  margin-inline-start: unset;
  padding: 0;
  position: relative;
  width: 100%;
}
.m-hero__content .l-wrapper:before, .m-hero__content .m-glossary .container:before, .m-glossary .m-hero__content .container:before, .m-hero__content .m-tiles-blogposts .container:before, .m-tiles-blogposts .m-hero__content .container:before, .m-hero__content .m-tiles-downloads .container:before, .m-tiles-downloads .m-hero__content .container:before {
  background-image: linear-gradient(to right, var(--color-ci-primary) -15%, var(--color-ci-secondary) var(--deco-gardient-offset));
  content: var(--deco-content);
  height: var(--deco-size);
  left: 100%;
  position: absolute;
  bottom: 0;
  transform: translateX(var(--bg-shift)) rotate(-35deg);
  width: var(--deco-size);
  transform-origin: 0 100%;
  z-index: -1;
}
.m-hero__content .l-wrapper:after, .m-hero__content .m-glossary .container:after, .m-glossary .m-hero__content .container:after, .m-hero__content .m-tiles-blogposts .container:after, .m-tiles-blogposts .m-hero__content .container:after, .m-hero__content .m-tiles-downloads .container:after, .m-tiles-downloads .m-hero__content .container:after {
  background-image: linear-gradient(38deg, var(--color-ci-primary) -15%, var(--color-ci-secondary) var(--deco-gardient-offset));
  bottom: 0;
  content: var(--deco-content);
  height: var(--deco-size);
  left: 100%;
  position: absolute;
  transform: translate(var(--bg-shift), 0);
  width: var(--deco-size);
  z-index: -1;
}
.m-hero__content-wrapper {
  --hyphens: manual;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0 0 0.125rem rgba(31, 31, 31, 0.3137254902));
  hyphens: var(--hyphens, auto);
  justify-content: center;
  margin: 5rem var(--wrapper-horizontal-padding);
  padding: 2.5rem;
  position: relative;
  width: 100%;
}
.m-hero__content .c-rte-content {
  --font-size-headline: var(--font-size-h2);
  --font-weight-headline: var(--font-weight-main);
  --margin-top: 0.5rem;
}
.m-hero__content-link {
  margin-top: 2rem;
}
.m-hero__image {
  bottom: 0;
  height: 100%;
  left: 0;
  min-height: var(--image-min-height);
  overflow: hidden;
  position: absolute;
  right: calc(0.5 * (100 * var(--vpw) - var(--content-width)) - 0.5rem - var(--bg-shift));
  top: 0;
}
.m-hero .c-image {
  --image-gap: 1rem;
  display: block;
  height: 100%;
}
.m-hero .c-image__wrapper {
  height: inherit;
}
.m-hero .c-image__picture {
  height: inherit;
}
.m-hero .c-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.equipment-cloud .m-hero {
  --image-min-height: 30rem;
  --image-max-height: 30rem;
}
.equipment-cloud .m-hero .m-hero__wrapper {
  background-color: var(--color-white);
  background-image: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-inline: auto;
  max-width: 87.5rem;
}
.equipment-cloud .m-hero .m-hero__content {
  grid-area: 1/1/2/2;
  width: 100%;
}
.equipment-cloud .m-hero .m-hero__content .l-wrapper, .equipment-cloud .m-hero .m-hero__content .m-glossary .container, .m-glossary .equipment-cloud .m-hero .m-hero__content .container, .equipment-cloud .m-hero .m-hero__content .m-tiles-blogposts .container, .m-tiles-blogposts .equipment-cloud .m-hero .m-hero__content .container, .equipment-cloud .m-hero .m-hero__content .m-tiles-downloads .container, .m-tiles-downloads .equipment-cloud .m-hero .m-hero__content .container {
  margin-right: unset;
}
.equipment-cloud .m-hero .m-hero__content .l-wrapper:after, .equipment-cloud .m-hero .m-hero__content .m-glossary .container:after, .m-glossary .equipment-cloud .m-hero .m-hero__content .container:after, .equipment-cloud .m-hero .m-hero__content .m-tiles-blogposts .container:after, .m-tiles-blogposts .equipment-cloud .m-hero .m-hero__content .container:after, .equipment-cloud .m-hero .m-hero__content .m-tiles-downloads .container:after, .m-tiles-downloads .equipment-cloud .m-hero .m-hero__content .container:after, .equipment-cloud .m-hero .m-hero__content .l-wrapper:before, .equipment-cloud .m-hero .m-hero__content .m-glossary .container:before, .m-glossary .equipment-cloud .m-hero .m-hero__content .container:before, .equipment-cloud .m-hero .m-hero__content .m-tiles-blogposts .container:before, .m-tiles-blogposts .equipment-cloud .m-hero .m-hero__content .container:before, .equipment-cloud .m-hero .m-hero__content .m-tiles-downloads .container:before, .m-tiles-downloads .equipment-cloud .m-hero .m-hero__content .container:before {
  content: none;
}
.equipment-cloud .m-hero .m-hero__content-wrapper {
  filter: none;
  margin-block: 2rem;
  padding: 0;
}
.equipment-cloud .m-hero .m-hero__image {
  grid-area: 1/2/2/3;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: var(--image-max-height);
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  width: 100%;
}
.equipment-cloud .m-hero .m-hero__image .c-image {
  height: auto;
}
.equipment-cloud .m-hero .m-hero__image .c-image img {
  background-color: transparent;
}

.m-list-link {
  --icon-size: 1.5rem;
  --font-size-headline: var(--font-size-h4);
}
.m-list-link__wrapper {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-list-link__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-list-link ul {
  --margin-top: 2rem;
  list-style: none;
}
.m-list-link li {
  display: inline-grid;
  gap: 1rem;
  grid-template-areas: "icon content";
  grid-template-columns: auto 1fr;
}
.m-list-link .svg-icon {
  --svg-stroke-color: var(--color-ci-primary);
  height: var(--icon-size);
  transform: translateY(calc(0.5 * var(--font-size-headline) - 0.5em));
  width: var(--icon-size);
}
.m-list-link__headline {
  --font-size: var(--font-size-headline);
  color: var(--color-ci-primary);
}

.m-mautic-form {
  --mautic-form-bg-color: var(--color-white);
  --mautic-form-inner-padding: 0;
  --mautic-font-family: var(--font-family-sans-serif);
  --mautic-formfield-font-size: var(--font-size-formfield);
  --mf-transition-duration: var(--transition-duration-short);
  /* Formulare */
  /* Formular-Container */
  /* Label, Hilfefeld, Fehlermeldung der Eingabefelder */
  /* Kennzeichnung Pflichtfelder */
  /* Eingabefelder */
  /* Eingabefelder aktiv */
  /* Placeholder */
  /* Selectbox */
  /* Textfeld */
  /* Textfeld aktiv */
  /* Telefon, Email, Datei upload, Datum */
  /* Datenschutzhinweis Text */
  /* Datenschutzhinweis Link */
  /* Datenschutzhinweis Link Mouse-over*/
  /* Zustimmung */
  /* Checkbox (muss meistens mit margin noch vertikal zentriert werden) */
  /* Button */
  /* Button Mouse-over */
  /* Custom Checkbox */
}
.m-mautic-form .mauticform_wrapper {
  padding: var(--mautic-form-inner-padding);
  background-color: var(--mautic-form-bg-color);
  color: var(--color-font-main);
  font-family: var(--mautic-font-family);
  position: relative;
}
.m-mautic-form .mauticform-row.mauticform-required .mauticform-label:after {
  content: " *";
  display: inline;
  font-weight: var(--font-weight-main);
}
.m-mautic-form .mauticform-input {
  width: 100%;
  border-radius: var(--form-field-border-radius);
  border: 1px solid var(--override-border-color, var(--form-field-border-color)) !important;
  background-color: var(--form-field-background-color) !important;
  color: var(--form-field-color) !important;
  font-size: var(--mautic-formfield-font-size) !important;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--override-focus-color, transparent);
  outline-offset: var(--focus-outline-offset);
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  transition: outline-color var(--mf-transition-duration);
}
.m-mautic-form input::placeholder {
  color: #666666 !important;
}
.m-mautic-form input::-webkit-input-placeholder {
  color: #666666 !important;
}
.m-mautic-form input:-moz-placeholder { /* Firefox 18- */
  color: #666666 !important;
}
.m-mautic-form input::-moz-placeholder { /* Firefox 19+ */
  color: #666666 !important;
}
.m-mautic-form input:-ms-input-placeholder {
  color: #666666 !important;
}
.m-mautic-form .mauticform-textarea {
  height: 200px;
  width: 100%;
  border: 1px solid var(--override-border-color, var(--form-field-border-color)) !important;
  border-radius: var(--form-field-border-radius);
  background-color: var(--form-field-background-color) !important;
  color: var(--form-field-color) !important;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--override-focus-color, transparent);
  outline-offset: var(--focus-outline-offset);
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  transition: outline-color var(--mf-transition-duration);
}
.m-mautic-form input[type=checkbox] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}
.m-mautic-form .mauticform-wrapper {
  background-color: var(--mautic-form-bg-color);
}
.m-mautic-form input[type=checkbox] + label {
  user-select: none;
}
.m-mautic-form input[type=checkbox] + label::before {
  --control-size: 1.25em;
  align-items: center;
  background-color: var(--color-white);
  border: 2px solid var(--override-border-color, var(--form-field-border-color));
  border-radius: 0;
  content: "";
  display: flex;
  font-weight: var(--font-weight-bold);
  float: left;
  height: var(--control-size);
  justify-content: center;
  margin-right: 0.5em;
  margin-top: 4px !important;
  width: var(--control-size);
}
.m-mautic-form input[type=checkbox]:checked + label::before {
  content: "✓";
  color: currentColor;
  background-color: var(--color-white);
}
.m-mautic-form__wrapper {
  --loading-size: 4rem;
  --loader-translate: -50%, -50%;
  margin: 0 auto;
  max-width: var(--text-max-width);
  min-height: calc(var(--loading-size) + 2rem);
  position: relative;
  z-index: 0;
}
.m-mautic-form__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-mautic-form__wrapper:before {
  animation: c-loader 2s linear infinite;
  border: 0.375rem solid var(--color-ci-primary);
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
  border-radius: 50%;
  content: "";
  height: var(--loading-size);
  left: 50%;
  position: absolute;
  top: 50%;
  width: var(--loading-size);
}
.m-mautic-form input[type=checkbox]:focus-visible + label:before {
  --override-border-color: var(--focus-outline-color);
}
.m-mautic-form label > a:focus-visible {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
}
.m-mautic-form .mauticform-row:not(:first-child) {
  margin-top: var(--grid-gap-vertical);
}
.m-mautic-form .mauticform-button-wrapper:not(:first-child) {
  margin-top: 3rem;
}
.m-mautic-form .mauticform-label, .m-mautic-form .mauticform-helpmessage {
  font-weight: var(--font-weight-semi-bold);
  user-select: none;
}
.m-mautic-form .mauticform-button {
  --mf-btn-color: var(--color-ci-primary);
  --mf-btn-color-hover: var(--color-ci-primary);
  --mf-btn-bg-color: var(--color-white);
  --mf-btn-bg-color-hover: var(--color-ci-primary-light);
  --mf-btn-border-color: var(--color-ci-primary);
  --mf-btn-border-color-hover: var(--color-ci-primary);
  appearance: none;
  background-color: var(--x-bg-color, var(--mf-btn-bg-color));
  border: none;
  border-radius: var(--border-radius-button);
  box-shadow: inset 0 0 0 0.125rem var(--x-border-color, var(--mf-btn-border-color));
  color: var(--x-color, var(--mf-btn-color));
  cursor: pointer;
  font-family: var(--mautic-font-family);
  font-size: var(--mautic-formfield-font-size);
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--override-focus-color, transparent);
  outline-offset: var(--focus-outline-offset--button);
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  transition: background-color var(--mf-transition-duration), box-shadow var(--mf-transition-duration), color var(--mf-transition-duration), outline-color var(--mf-transition-duration);
}
.m-mautic-form .mauticform-button.btn-default {
  --mf-btn-color: var(--color-white);
  --mf-btn-color-hover: var(--color-ci-primary);
  --mf-btn-bg-color: var(--color-ci-primary);
  --mf-btn-bg-color-hover: var(--color-ci-primary-light);
  --mf-btn-border-color: var(--color-ci-primary);
  --mf-btn-border-color-hover: var(--color-ci-primary);
}
.m-mautic-form .mauticform-input:focus-visible, .m-mautic-form .mauticform-textarea:focus-visible, .m-mautic-form .mauticform_wrapper .btn:focus-visible {
  --override-focus-color: var(--focus-outline-color);
}
.m-mautic-form .mauticform_wrapper a:not(.btn) {
  color: var(--color-link, currentColor) !important;
  font-weight: var(--font-weight-link);
  text-decoration: underline !important;
  text-decoration-color: var(--override-text-decoartion-color, var(--color-ci-primary)) !important;
  text-decoration-thickness: 0.125rem !important;
  text-underline-offset: 0.188rem !important;
  transition: color var(--transition-duration-short);
}
.m-mautic-form .mauticform_wrapper .btn[disabled] {
  cursor: not-allowed;
  overflow: hidden;
  position: relative;
}
.m-mautic-form .mauticform_wrapper .btn[disabled]:before {
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
}
.m-mautic-form .mauticform-input[disabled], .m-mautic-form .mauticform-textarea[disabled] {
  background-color: var(--color-disabled-bg) !important;
  cursor: not-allowed;
}
.m-mautic-form .mauticform-has-error {
  --override-border-color: var(--color-error);
}
.m-mautic-form .mauticform-errormsg {
  color: var(--color-error);
}

.m-page-header {
  --breadcrumb-offset: 0rem;
  --content-width-factor: 0.5;
  --image-min-height: 25rem;
  --deco-content: "";
  background-color: var(--color-primary);
  overflow: hidden;
  z-index: 0;
}
.m-page-header__wrapper {
  max-width: var(--content-width);
  margin-inline: auto;
  padding: 0 var(--wrapper-horizontal-padding);
}
.m-page-header__content {
  display: flex;
  flex-grow: 1;
  grid-area: layer;
  height: 100%;
  justify-content: flex-start;
  min-height: var(--image-min-height);
  order: 1;
  width: calc(100% * var(--content-width-factor));
  z-index: 1;
}
.m-page-header__content:only-child {
  max-width: var(--content-width);
  margin-inline: auto;
  min-height: unset;
  width: 100%;
}
.m-page-header__content:only-child .l-wrapper, .m-page-header__content:only-child .m-glossary .container, .m-glossary .m-page-header__content:only-child .container, .m-page-header__content:only-child .m-tiles-blogposts .container, .m-tiles-blogposts .m-page-header__content:only-child .container, .m-page-header__content:only-child .m-tiles-downloads .container, .m-tiles-downloads .m-page-header__content:only-child .container {
  max-width: none;
  width: 100%;
}
.m-page-header__content .l-wrapper, .m-page-header__content .m-glossary .container, .m-glossary .m-page-header__content .container, .m-page-header__content .m-tiles-blogposts .container, .m-tiles-blogposts .m-page-header__content .container, .m-page-header__content .m-tiles-downloads .container, .m-tiles-downloads .m-page-header__content .container {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
}
.m-page-header__content-wrapper {
  --hyphens: manual;
  flex-grow: 1;
  hyphens: var(--hyphens, auto);
  padding: 3rem 0;
}
.m-page-header__content .c-rte-content {
  --font-size-headline: var(--font-size-h2);
  --font-weight-headline: var(--font-weight-main);
  --margin-top: 1rem;
}
.m-page-header__content-image {
  margin-bottom: 1rem;
}
.m-page-header__content-image .c-image:before {
  content: none !important;
}
.m-page-header__content-image .c-image__picture {
  aspect-ratio: auto !important;
}
.m-page-header__content-image img,
.m-page-header__content-image svg {
  background-color: transparent;
  max-height: 3rem;
  width: auto !important;
}
.m-page-header__content-meta {
  --column-gap: 1.5rem;
  --gap-icon-text: 0.5rem;
  color: var(--color-grey);
  display: flex;
  flex-flow: row wrap;
  font-size: var(--font-size-small);
  gap: 0 var(--column-gap);
  line-height: var(--line-height-small);
}
.m-page-header__content-meta:not(:first-child) {
  margin-top: 1.5rem;
}
.m-page-header__content-meta-item {
  display: inline-flex;
  gap: var(--gap-icon-text);
}
.m-page-header__content-meta + .m-page-header__content-meta {
  margin-top: 0.5rem;
}
.m-page-header__content-social {
  --icon-size: 2rem;
  align-items: center;
  color: var(--color-grey);
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
}
.m-page-header__content-social:not(:first-child) {
  margin-top: 3rem;
}
.m-page-header__content-social:not(:last-child) {
  margin-bottom: 1rem;
}
.m-page-header__content-social-item {
  border-radius: 50%;
  overflow: hidden;
}
.m-page-header__content-social .a-icon {
  --social-icon-border-color-hover: transparent;
  align-items: center;
  background-color: var(--social-icon-bg-color, transparent);
  box-shadow: inset 0 0 0 0.094rem var(--social-icon-border-color, currentColor);
  box-sizing: content-box;
  color: var(--social-icon-color, currentColor);
  border-radius: 50%;
  display: inline-flex;
  height: var(--icon-size);
  justify-content: center;
  padding: 0.125rem;
  transition: background-color var(--transition-duration-short), box-shadow var(--transition-duration-short), color var(--transition-duration-short);
  width: var(--icon-size);
}
.m-page-header__content-social .a-icon--mail {
  --social-icon-color-hover: var(--color-white);
  --social-icon-bg-color-hover: var(--color-ci-primary);
}
.m-page-header__content-social .a-icon--linked-in {
  --social-icon-color-hover: var(--color-white);
  --social-icon-bg-color-hover: #0a66c2;
}
.m-page-header__content-social .a-icon--facebook {
  --social-icon-color-hover: var(--color-white);
  --social-icon-bg-color-hover: #1877f2;
}
.m-page-header__content-social .a-icon--twitter {
  --social-icon-color-hover: #14171a;
  --social-icon-bg-color-hover: var(--color-white);
  --social-icon-border-color-hover: #14171a;
  --social-icon-opacity: 1;
  position: relative;
}
.m-page-header__content-social .a-icon--twitter:before, .m-page-header__content-social .a-icon--twitter:after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  color: transparent;
  transition: opacity var(--transition-duration-short);
}
.m-page-header__content-social .a-icon--twitter:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b6b6b' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
  opacity: var(--social-icon-opacity);
}
.m-page-header__content-social .a-icon--twitter:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'%3E%3C/path%3E%3C/svg%3E");
  content: var(--icon-content);
  height: inherit;
  left: 50%;
  opacity: calc(-1 * (var(--social-icon-opacity) - 1) + 0);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.m-page-header__image {
  bottom: 0;
  grid-area: layer;
  left: calc(50% - var(--content-width) * 0.5 + var(--content-width) * var(--content-width-factor) - 4rem);
  min-height: var(--image-min-height);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.m-page-header__image:before {
  background-color: var(--color-primary);
  bottom: 50%;
  content: var(--deco-content);
  height: 133rem;
  left: -150rem;
  position: absolute;
  transform: scale(1, -1.55) rotate(45deg) translate(0, 30%);
  transform-origin: 0 100%;
  width: 100rem;
  z-index: 2;
}
.m-page-header__image:after {
  background-color: var(--color-white);
  bottom: 0;
  content: var(--deco-content);
  left: 0;
  padding-bottom: 200%;
  position: absolute;
  transform: rotate(-57deg);
  transform-origin: left bottom;
  width: 200%;
  z-index: 1;
}
.m-page-header .c-image {
  display: block;
  height: 100%;
}
.m-page-header .c-image:before {
  background-color: var(--color-white);
  bottom: 0;
  content: var(--deco-content);
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
}
.m-page-header .c-image__wrapper {
  height: inherit;
}
.m-page-header .c-image__picture {
  height: inherit;
}
.m-page-header .c-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.m-page-header .ph-buttons {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-queo-filter {
  --link-icon-size: 1.25em;
  --svg-stroke-color: var(--color-ci-primary);
  --color-meta: var(--color-grey);
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.438rem;
  --list-gap: 3rem;
  --scroll-margin-top: var(--header-condensed-height);
  /************************************************************************************/
  /* below is base definition, should not be touched OR extended unless its the "gap" */
  /************************************************************************************/
}
.m-queo-filter--no-filter-border queo-filter form {
  box-shadow: none !important;
  padding: 0 !important;
}
.m-queo-filter__list-header,
.m-queo-filter form[slot=filters],
.m-queo-filter ul[slot=list] {
  scroll-margin-top: var(--scroll-margin-top);
}
.m-content-nav ~ .m-queo-filter {
  --scroll-margin-top: calc(var(--header-condensed-height) + var(--sticky-content-nav-height));
}
.m-queo-filter__list-header {
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.m-queo-filter__item {
  display: flex;
  flex-direction: var(--tile-direction, row);
  gap: 1rem;
}
.m-queo-filter__item--highlight {
  background-color: var(--color-ci-primary-light);
  padding: 1rem;
}
.m-queo-filter__item-header {
  background-color: var(--color-ci-primary-light);
  color: var(--color-ci-primary);
  display: inline-flex;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  padding: 0.25rem 1rem;
}
.m-queo-filter__item-content {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  gap: 1rem;
  height: 100%;
}
.m-queo-filter__item-content .svg-icon {
  display: none;
  height: var(--link-icon-size);
  margin: auto 0 0 auto;
  width: var(--link-icon-size);
}
.m-queo-filter__item-meta {
  color: var(--color-meta);
  font-size: var(--font-size-small);
}
.m-queo-filter__item-meta + .c-rte-content {
  margin-top: -0.75rem;
}
.m-queo-filter__item-meta:not(:first-child) {
  margin-bottom: -0.75rem;
}
.m-queo-filter__item-meta span:not(:first-child):not(:only-child):before {
  content: "|";
  padding-right: 0.5rem;
}
.m-queo-filter__item-meta span:not(:last-child) {
  margin-right: 0.5rem;
}
.m-queo-filter__item .c-rte-content {
  --margin-top: 0.5rem;
}
a .m-queo-filter__item {
  --text-decoration-color: transparent;
  color: currentColor;
}
a .m-queo-filter__item h1, a .m-queo-filter__item h2, a .m-queo-filter__item h3, a .m-queo-filter__item h4, a .m-queo-filter__item h5, a .m-queo-filter__item h6 {
  text-decoration: var(--text-decoration, underline);
  text-decoration-color: var(--text-decoration-color);
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: text-decoration-color var(--transition-duration-short);
}
a .m-queo-filter__item .svg-icon {
  display: block;
}
.l-module--tiles-bg .m-queo-filter__item {
  --link-icon-size: 1.5em;
  --content-padding-h: 1rem;
  --content-padding-v: 1rem;
  background-color: var(--bg-color);
  margin: 0;
  transition: background-color var(--transition-duration-short);
}
.l-module--tiles-bg .m-queo-filter__item-content {
  padding: var(--content-padding-v) var(--content-padding-h);
}
.l-module--tiles-bg .m-queo-filter__item .c-image {
  height: auto;
}
.m-queo-filter.l-module--tiles-bg {
  --bg-color: var(--color-ci-primary-light);
}
.m-queo-filter .c-image {
  display: flex;
  flex-shrink: 0;
  height: 100%;
  order: -1;
  width: 25%;
}
.m-queo-filter .c-image div, .m-queo-filter .c-image picture {
  display: inherit;
}
.m-queo-filter .c-image__wrapper {
  display: flex;
  flex-grow: 1;
}
.m-queo-filter .c-image__picture {
  max-height: 100%;
  flex-grow: 1;
}
.m-queo-filter .c-image img {
  object-fit: cover;
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.m-queo-filter__empty {
  text-align: center;
}
.m-queo-filter__empty button {
  margin-top: 1rem;
}
.m-queo-filter queo-filter {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-queo-filter queo-filter:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-queo-filter queo-filter form {
  box-shadow: inset 0 0 0 0.125rem var(--color-ci-primary);
  padding: 2rem;
  width: 100%;
}
.m-queo-filter queo-filter::part(empty initial) {
  display: none;
}
.m-queo-filter queo-filter-count {
  margin-right: auto;
}
.m-queo-filter queo-filter {
  --qf-list-header-display: none;
  --qf-list-display: flex;
  --qf-paginator-display: flex;
  --qf-empty-display: block;
  display: flex;
  flex-flow: column nowrap;
  gap: 2rem;
}
.m-queo-filter [slot=filters] + [slot=list-header] {
  --qf-list-header-display: flex;
}
.m-queo-filter [slot=list-header] {
  display: var(--x-qf-list-header-display, none);
}
.m-queo-filter [slot=list] {
  display: var(--x-qf-list-display, none);
}
.m-queo-filter [slot=paginator] {
  display: var(--x-qf-paginator-display, none);
}
.m-queo-filter [slot=empty]:not([hidden]) {
  display: var(--x-qf-empty-display, none);
}
.m-queo-filter [slot=empty].hide-text .c-rte-content {
  display: none;
}
.m-queo-filter ul[slot=list] {
  flex-flow: column nowrap;
  gap: var(--list-gap);
  list-style: none;
  margin: 0;
}
.m-queo-filter li[hidden] {
  display: none;
}
.m-queo-filter queo-paginator {
  --color-hover: var(--color-white);
  --color-bg-hover: var(--color-ci-primary);
  display: inline-flex;
  gap: calc(var(--gutter) * 0.25);
  font-size: 1.5rem;
  justify-content: space-between;
  margin: 0 auto;
  user-select: none;
}
.m-queo-filter queo-paginator[hidden] {
  display: none;
}
.m-queo-filter queo-paginator::part(trigger) {
  --icon-content: "";
  --icon-size: 0.75rem;
  align-items: center;
  appearance: none;
  background-color: var(--x-color-bg, transparent);
  border: none;
  color: var(--x-color, currentColor);
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  padding: 0 calc(var(--gutter) * 0.25);
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
.m-queo-filter queo-paginator::part(trigger):before, .m-queo-filter queo-paginator::part(trigger):after {
  align-items: center;
  border: 0.125rem solid currentColor;
  border-bottom: none;
  border-left: none;
  content: var(--icon-content);
  display: inline-flex;
  height: var(--icon-size);
  transform: translateX(var(--x-offset, -0.25rem)) rotate(var(--rotation, 45deg));
  width: var(--icon-size);
}
.m-queo-filter queo-paginator::part(trigger):after {
  content: var(--end-icon-content, none);
  margin-left: calc(-0.5 * var(--icon-size));
}
.m-queo-filter queo-paginator::part(trigger disabled) {
  visibility: hidden;
}
.m-queo-filter queo-paginator::part(first), .m-queo-filter queo-paginator::part(prev) {
  --x-offset: 0.25rem;
  --rotation: 225deg;
}
.m-queo-filter queo-paginator::part(first), .m-queo-filter queo-paginator::part(last) {
  --end-icon-content: var(--icon-content);
}
.m-queo-filter queo-paginator::part(pages) {
  align-items: stretch;
  align-self: stretch;
  display: flex;
  flex-flow: row wrap;
  gap: 0;
}
.m-queo-filter queo-paginator::part(page) {
  align-items: center;
  appearance: none;
  background-color: var(--x-color-bg, transparent);
  border: none;
  color: var(--x-color, currentColor);
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--font-family-sans-serif);
  font-size: inherit;
  font-weight: var(--font-weight-main);
  margin: 0 0.125rem;
  padding: 0 calc(var(--gutter) * 0.25);
}
.m-queo-filter queo-paginator::part(page current) {
  background-color: var(--color-grey-lightest);
  color: currentColor;
}
.m-queo-filter queo-paginator::part(omitted) {
  flex-shrink: 0;
}
.m-queo-filter queo-paginator::part(omitted):after {
  content: "…";
}

.m-quote-2 {
  --quote-border: inset 0 0 0 0.125rem var(--color-ci-primary);
}
.m-quote-2__wrapper {
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.l-module--bg .m-quote-2__wrapper {
  box-shadow: var(--override-quote-border, var(--quote-border));
  padding: 2rem;
}
.m-quote-2 blockquote {
  --font-size: var(--font-size-largest);
}
.m-quote-2 figcaption {
  align-items: center;
  display: grid;
  grid-template-areas: "user text logo";
  grid-template-columns: auto 1fr auto;
  padding-top: 2rem;
}
.m-quote-2 figcaption img {
  --size: var(--caption-img-size, 5rem);
}
.m-quote-2 figcaption img:first-child {
  border-radius: 50%;
  grid-area: user;
  height: var(--size);
  margin-right: 1rem;
  width: var(--size);
}
.m-quote-2 figcaption img:last-child {
  grid-area: logo;
  margin-left: 1rem;
  max-height: var(--size);
  max-width: var(--caption-logo-max-width, 15rem);
}
.m-quote-2 figcaption span {
  grid-area: text;
}
.m-quote-2 figcaption .link {
  text-decoration-thickness: 0.063rem;
}
.m-quote-2 .swiper-wrapper {
  flex-direction: column;
  gap: 1.5rem;
}
queo-slider .m-quote-2 .swiper-wrapper {
  flex-direction: row;
  gap: 0;
}
.m-quote-2 [data-slider] {
  max-width: var(--text-max-width);
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.m-quote-2 [data-slider]:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-quote-2 [data-slider-stream] {
  --gap: 2rem;
}
.m-quote-2 [data-slider-stream].swiper-initialized {
  --override-quote-border: none;
  position: relative;
}
.m-quote-2 [data-slider-stream].swiper-initialized:after {
  box-shadow: var(--quote-border);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.m-quote-2 .m-slider__nav {
  --slider-nav-size: 0.875rem;
  --slider-nav-offset-y: 0;
  --slider-nav-padding: 0;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-top: 0.875rem;
}
.m-quote-2 .m-slider__nav-control {
  padding: 0.313rem;
  position: static;
}

.m-quote {
  --quote-border: inset 0 0 0 0.125rem var(--color-ci-primary);
  --quote-p: 2rem;
  --quote-flex-d: row;
  --quote-img-s: 13rem;
}
.m-quote.l-module--bg {
  margin-top: 0;
  padding-bottom: 0;
}
.m-quote__wrapper {
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.l-module--bg .m-quote__wrapper {
  box-shadow: var(--override-quote-border, var(--quote-border));
  padding: var(--quote-p);
}
.m-quote figure {
  display: flex;
  flex-direction: var(--quote-flex-d);
  gap: var(--quote-p);
}
.m-quote__caption {
  line-height: var(--line-height-small);
  padding-top: 0.75rem;
}
.m-quote__caption .link {
  text-decoration-thickness: 0.063rem;
}
.m-quote__image {
  height: var(--quote-img-s);
  width: var(--quote-img-s);
}
.m-quote__image img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.m-quote__logo {
  margin-inline: auto;
  width: calc(var(--quote-img-s) - 30%);
}
.m-quote__logo img {
  height: auto;
  width: auto;
}
.m-quote blockquote {
  --font-size: var(--font-size-largest);
}
.m-quote figcaption {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.5rem;
  order: -1;
  padding-top: 0;
  width: var(--quote-img-s);
}
.m-quote .swiper-wrapper {
  flex-direction: column;
  gap: 1.5rem;
}
queo-slider .m-quote .swiper-wrapper {
  flex-direction: row;
  gap: 0;
}
.m-quote [data-slider] {
  max-width: var(--text-max-width);
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.m-quote [data-slider]:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-quote [data-slider-stream] {
  --gap: 2rem;
}
.m-quote [data-slider-stream].swiper-initialized {
  --override-quote-border: none;
  position: relative;
}
.m-quote [data-slider-stream].swiper-initialized:after {
  box-shadow: var(--quote-border);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.m-quote .m-slider__nav {
  --slider-nav-size: 0.875rem;
  --slider-nav-offset-y: 0;
  --slider-nav-padding: 0;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-top: 0.875rem;
}
.m-quote .m-slider__nav-control {
  padding: 0.313rem;
  position: static;
}
.equipment-cloud .m-quote {
  --quote-p: 0;
  --quote-border: none;
  --bg-color: var(--color-ci-primary);
  --shift-top: 2rem;
  --shift-left: 4rem;
  --fig-padding: 0.5rem;
  --color-link: var(--color-white);
  --color-link-hover: var(--color-white);
  -moz-text-decoration-color: var(--color-white);
}
.equipment-cloud .m-quote figcaption {
  gap: 0;
  margin-left: calc(var(--shift-left) * -1);
  margin-top: calc(var(--shift-top) * -1);
}
.equipment-cloud .m-quote .m-quote__wrapper {
  background-color: var(--bg-color);
  margin-top: var(--shift-top);
  margin-left: var(--shift-left);
  padding: 0;
}
.equipment-cloud .m-quote .m-quote__text {
  color: var(--color-white);
  padding: 2rem;
}
.equipment-cloud .m-quote .m-quote__image {
  box-shadow: var(--box-shadow-ec);
  background-color: var(--color-white);
  border-radius: var(--border-radius-ec);
  padding: var(--fig-padding);
}
.equipment-cloud .m-quote .m-quote__image img {
  border-radius: 0;
}
.equipment-cloud .m-quote .m-quote__logo {
  background-color: var(--color-white);
  box-shadow: var(--box-shadow-ec);
  border-radius: var(--border-radius-ec);
  margin-top: calc(var(--shift-top) * -1);
  padding: var(--fig-padding);
}

.m-search-list {
  --link-icon-size: 1.25em;
  --svg-stroke-color: var(--color-ci-primary);
  --text-decoration-color: transparent;
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.438rem;
}
.m-search-list__wrapper {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-search-list__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-search-list__items {
  display: flex;
  flex-flow: column nowrap;
  gap: 2rem;
}
.m-search-list__item-meta {
  display: flex;
  flex-flow: row wrap;
  font-size: var(--font-size-small);
  gap: 0 1.5rem;
  line-height: var(--line-height-small);
  margin-bottom: 0.5rem;
}
.m-search-list__item-meta span {
  display: flex;
  gap: 0.5rem;
}
.m-search-list__item-title {
  --font-size-headline: var(--font-size-h3);
  font-size: var(--font-size-headline);
  text-decoration: var(--text-decoration, underline);
  text-decoration-color: var(--text-decoration-color);
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: text-decoration-color var(--transition-duration-short);
}
a .m-search-list__item .svg-icon {
  display: block;
}
.m-search-list__item-excerpt {
  margin-top: 0.25rem;
}
.m-search-list .svg-icon {
  display: none;
  height: var(--link-icon-size);
  margin-left: auto;
  margin-top: 1rem;
  width: var(--link-icon-size);
}
.m-search-list .is-match {
  background-color: var(--color-grey-lighter);
  font-weight: var(--font-weight-semi-bold);
}

.m-slider {
  --slider-nav-size: 2.5rem;
  --slider-nav-offset-x: 0rem;
  --slider-dot-height: 0.313rem;
  --slider-scrollbar-height: 0.313rem;
  display: block;
  transform: translate(0, 0);
  z-index: 0;
}
.l-frontpage .m-slider {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: var(--wrapper-horizontal-padding);
}
.l-frontpage .m-slider:not(.m-slider--full-width) .l-wrapper, .l-frontpage .m-slider:not(.m-slider--full-width) .m-glossary .container, .m-glossary .l-frontpage .m-slider:not(.m-slider--full-width) .container, .l-frontpage .m-slider:not(.m-slider--full-width) .m-tiles-blogposts .container, .m-tiles-blogposts .l-frontpage .m-slider:not(.m-slider--full-width) .container, .l-frontpage .m-slider:not(.m-slider--full-width) .m-tiles-downloads .container, .m-tiles-downloads .l-frontpage .m-slider:not(.m-slider--full-width) .container {
  --wrapper-horizontal-padding: 0;
}
.m-slider--full-width {
  --gap: 0;
  --columns: 1;
  --module-padding-top: 0 !important;
  max-width: none !important;
  padding-inline: 0 !important;
}
.m-slider--full-width [data-slider] {
  overflow: hidden;
  position: relative;
}
.m-slider--full-width .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
.m-slider--full-width .m-slider__nav {
  align-items: center;
  margin-inline: var(--wrapper-horizontal-padding);
}
.m-slider--full-width .m-slider__nav-control--prev {
  left: 1rem;
}
.m-slider--full-width .m-slider__nav-control--next {
  right: 1rem;
}
.m-slider--full-width .m-page-header__wrapper,
.m-slider--full-width .m-hero__wrapper {
  height: 100%;
}
.m-slider__contents > .m-slider__nav {
  display: none;
}
.m-slider__contents:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-slider__nav {
  pointer-events: none;
  user-select: none;
}
.m-slider__nav-control {
  --rotate: 0deg;
  background-color: var(--color-ci-primary);
  border-radius: var(--border-radius-button-teaser);
  flex-shrink: 0;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateX(var(--override-offset-x, var(--slider-nav-offset-x))) translateY(var(--slider-nav-offset-y, -50%)) rotate(var(--rotate));
  z-index: 1;
}
.m-slider__nav-control--prev {
  --override-offset-x: calc(-1 * var(--slider-nav-offset-x));
  --rotate: -180deg;
  left: 0;
  order: -1;
}
.m-slider__nav-control--next {
  right: 0;
  order: 1;
}
.m-slider__nav-control:not(.swiper-button-disabled) {
  cursor: pointer;
}
.m-slider__nav-dots {
  align-items: center;
  display: inline-flex;
  gap: 0.625rem;
  height: var(--slider-dot-height);
  justify-content: center;
  order: 0;
  pointer-events: auto;
  width: 100%;
}
.m-slider__nav-dots .swiper-pagination-bullet {
  background-color: #b2cada;
  height: inherit;
  max-width: 6.25rem;
  transition: background-color var(--transition-duration-short);
  width: 100%;
}
.m-slider__nav-dots .swiper-pagination-bullet-active {
  background-color: #005083;
}
.m-slider__nav-scrollbar {
  background-color: var(--color-grey-lighter);
  border-radius: 0.25rem;
  height: var(--slider-scrollbar-height);
  margin-top: 1rem;
  overflow: hidden;
  pointer-events: auto;
}
.m-slider__nav-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-ci-primary);
  border-radius: inherit;
  height: inherit;
}
.m-slider__nav .svg-icon {
  --svg-stroke-color: var(--color-white);
  height: var(--slider-nav-size);
  padding: var(--slider-nav-padding, 0.5rem);
  width: var(--slider-nav-size);
}
.m-slider .swiper-wrapper {
  user-select: none;
}
.m-slider .swiper-wrapper:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  rotate: 180deg;
  top: 0;
  transform: inherit;
  transition: inherit;
}
.m-slider .swiper-button-disabled {
  opacity: 0.4;
}
.m-slider .swiper-slide > .c-image {
  margin-right: 0;
}
.m-slider.is-initialized {
  --slider-gap-override: 0 !important;
  --slide-max-width: none !important;
}
.m-slider.is-initialized + .m-content-nav {
  margin-top: 2rem;
}
.m-slider.is-slider-nav-hidden .m-slider__nav {
  display: none;
}
.m-slider.is-slider-nav-hidden .swiper-wrapper {
  transform: none !important;
}

.m-tabs {
  --tab-color: currentColor;
  --tab-color-active: currentColor;
  --tab-bg-color: transparent;
  --tab-bg-color-active: var(--color-white);
  --tab-border-color: transparent;
  --tab-border-color-active: var(--color-grey-light);
  --tab-border-width: 0.125rem;
  --tab-transition-duration: var(--transition-duration-short);
  --tab-content-transition-duration: calc(0.5 * var(--tab-transition-duration));
  --tab-image-padding-h: 2rem;
  display: block;
}
body:not(.l-frontpage) .m-tabs__wrapper {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-tabs__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-tabs__tabs, .m-tabs__contents {
  list-style: none;
}
.m-tabs__tabs {
  display: flex;
  gap: 0.125rem;
  user-select: none;
}
.m-tabs__tabs li {
  flex-grow: 1;
  width: 100%;
}
.m-tabs__trigger {
  align-items: center;
  appearance: none;
  background-color: var(--override-tab-bg-color, var(--tab-bg-color));
  border: var(--tab-border-width) solid var(--override-tab-border-color, var(--tab-border-color));
  border-bottom: none;
  cursor: pointer;
  color: var(--override-tab-color, var(--tab-color));
  display: flex;
  flex-flow: column wrap;
  font-size: var(--font-size-main);
  font-weight: var(--font-weight-semi-bold);
  gap: 0.75rem;
  height: 100%;
  justify-content: center;
  padding: 1rem 1rem calc(1rem + var(--tab-border-width));
  transition: background-color var(--tab-transition-duration), border-color var(--tab-transition-duration), color var(--tab-transition-duration);
  width: 100%;
}
.m-tabs__trigger.is-open {
  cursor: default;
}
.m-tabs__trigger img {
  margin: auto;
  max-height: 3rem;
  padding: 0 var(--tab-image-padding-h);
  width: auto;
}
.m-tabs__contents {
  animation: tabs-content-hide var(--tab-transition-duration);
  border: var(--tab-border-width) solid var(--tab-border-color-active);
  box-sizing: content-box;
  display: grid;
  grid-template-areas: "content";
  height: auto;
  margin-top: calc(-1 * var(--tab-border-width));
  overflow: hidden;
}
.m-tabs__contents:before {
  content: "";
  opacity: 0;
  transition: opacity var(--tab-transition-duration);
}
.is-animating .m-tabs__contents {
  animation-name: tabs-content-show;
}
.is-animating .m-tabs__contents:before {
  opacity: 1;
}
.m-tabs__contents li {
  grid-area: content;
}
.m-tabs__contents .m-tabs__trigger {
  display: none;
}
.m-tabs__content {
  --wrapper-horizontal-padding: 0;
  max-width: var(--text-max-width);
  padding: 1rem;
}
.m-tabs:not([active-tab]):not([active-tab=""]) .m-tabs__trigger {
  cursor: default;
}
.m-tabs:not([active-tab]):not([active-tab=""]) .m-tabs__tabs li:first-child {
  --override-tab-color: var(--tab-color-active);
  --override-tab-bg-color: var(--tab-bg-color-active);
  --override-tab-border-color: var(--tab-border-color-active);
}
.m-tabs:not([active-tab]):not([active-tab=""]) .m-tabs__contents li:not(:first-child) {
  display: none;
}
.m-tabs:is([active-tab]) .m-tabs__trigger.is-open {
  --override-tab-color: var(--tab-color-active);
  --override-tab-bg-color: var(--tab-bg-color-active);
  --override-tab-border-color: var(--tab-border-color-active);
}
.m-tabs:is([active-tab]) .m-tabs__contents li {
  height: 0;
  opacity: 0;
  transition: opacity var(--tab-content-transition-duration);
}
.m-tabs:is([active-tab]) .m-tabs__contents li.is-open {
  height: 100%;
  opacity: 1;
  transition: opacity var(--tab-content-transition-duration) var(--tab-content-transition-duration);
}
.m-tabs:is([active-tab]) .m-tabs__content {
  transition: visibility 0s var(--tab-transition-duration);
  visibility: hidden;
}
.m-tabs:is([active-tab]) .is-open .m-tabs__content {
  transition: none;
  visibility: visible;
}

@keyframes tabs-content-show {
  from {
    height: var(--tab-contents-height-start);
  }
  to {
    height: var(--tab-contents-height-end);
  }
}
@keyframes tab-content-hide {
  from {
    height: var(--tab-contents-height-end);
  }
  to {
    height: var(--tab-contents-height-start);
  }
}
.m-teaser-image-text-single {
  --svg-stroke-color: var(--color-ci-primary);
  --link-icon-size: 0.8em;
  --watermark-stroke-width: 30rem;
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.438rem;
}
.m-teaser-image-text-single.l-module--bg {
  --svg-stroke-color: currentColor;
  background-color: var(--color-ci-primary);
  color: var(--color-white);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.m-teaser-image-text-single.l-module--bg:before {
  box-sizing: content-box;
  border: var(--watermark-stroke-width) solid rgba(255, 255, 255, 0.075);
  content: "";
  left: 50%;
  padding-bottom: 100%;
  position: absolute;
  top: 30%;
  transform: translate(calc(-50% - 2.635 * var(--watermark-stroke-width)), -50%) scale(1, 1.55) rotate(45deg);
  width: 100%;
  z-index: -1;
}
.m-teaser-image-text-single__columns {
  column-gap: 4rem;
  display: flex;
  flex-flow: row nowrap;
  row-gap: 3rem;
}
.m-teaser-image-text-single__columns:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top);
}
.m-teaser-image-text-single__column {
  align-self: stretch;
}
.m-teaser-image-text-single__column-image {
  min-width: 66%;
}
.m-teaser-image-text-single__column-content {
  flex-grow: 1;
}
.m-teaser-image-text-single__column-content:only-child {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-teaser-image-text-single .svg-icon {
  display: inline-flex;
  height: var(--link-icon-size);
  width: var(--link-icon-size);
}
.m-teaser-image-text-single__link-more {
  --text-decoration-thickness: 0.125rem;
  align-items: center;
  display: inline-flex;
  gap: 0.5em;
}
.m-teaser-image-text-single__content {
  display: flex;
  flex-flow: column nowrap;
  gap: 5rem;
  height: 100%;
}
.m-teaser-image-text-single .ph-buttons {
  --ph-buttons-margin-top: auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-teaser-image-text-single .c-image {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.m-teaser-image-text-single .c-image__wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.m-teaser-image-text-single .c-image picture {
  height: 100%;
}
.m-teaser-image-text-single .c-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.m-teaser-image-text {
  --link-icon-size: 1.25em;
  --svg-stroke-color: var(--color-ci-primary);
  --bg-color: transparent;
  --color-meta: var(--color-grey);
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.438rem;
  --content-padding-h: 1rem;
  --content-padding-v: 1rem;
  --grid-gap-vertical: 3rem;
  --grid-gap-horizontal: 3rem;
  --columns: 3;
  --gap: 3rem;
  --slide-max-width: calc(100% / var(--columns) - var(--gap) + 1 / var(--columns) * var(--gap));
  --tile-direction: column;
}
.m-teaser-image-text.l-module--tiles-bg {
  --bg-color: var(--color-ci-primary-light);
  --link-icon-size: 1.5em;
}
.m-teaser-image-text.l-module--tiles-bg .m-teaser-image-text__item {
  gap: 0;
}
.m-teaser-image-text.l-module--tiles-bg .m-teaser-image-text__content {
  background-color: var(--bg-color);
  margin: 0;
  padding: var(--content-padding-v) var(--content-padding-h);
}
.m-teaser-image-text.l-module--tiles-bg a .m-teaser-image-text__content {
  --text-decoration: none;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
.m-teaser-image-text__wrapper {
  --font-size-headline: var(--font-size-h3);
}
body:not(.l-frontpage) .m-teaser-image-text__wrapper {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-teaser-image-text__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-teaser-image-text__stream {
  flex-wrap: wrap;
}
.m-teaser-image-text__items {
  align-items: stretch;
  display: flex;
  flex-flow: row var(--flex-wrap, wrap);
  gap: var(--slider-gap-override, var(--gap));
  list-style: none;
  row-gap: 2rem;
}
.m-teaser-image-text__item {
  display: flex;
  flex-direction: var(--tile-direction);
  gap: 1rem;
  height: 100%;
  justify-content: stretch;
}
a .m-teaser-image-text__item {
  --text-decoration-color: transparent;
  background-color: var(--bg-color);
  color: currentColor;
}
a .m-teaser-image-text__item h1, a .m-teaser-image-text__item h2, a .m-teaser-image-text__item h3, a .m-teaser-image-text__item h4, a .m-teaser-image-text__item h5, a .m-teaser-image-text__item h6 {
  text-decoration: var(--text-decoration, underline);
  text-decoration-color: var(--text-decoration-color);
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: text-decoration-color var(--transition-duration-short);
}
a .m-teaser-image-text__item .svg-icon {
  display: block;
}
.m-teaser-image-text .c-image {
  display: flex;
  order: -1;
}
.m-teaser-image-text .c-image__wrapper {
  display: flex;
  flex-grow: 1;
}
.m-teaser-image-text .c-image__picture {
  max-height: 100%;
  flex-grow: 1;
}
.m-teaser-image-text .c-image img {
  object-fit: cover;
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.m-teaser-image-text .c-rte-content {
  flex-grow: 1;
}
.m-teaser-image-text__content {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  gap: 0.3rem;
  height: 100%;
  position: relative;
}
.m-teaser-image-text__content .svg-icon {
  display: none;
  height: var(--link-icon-size);
  margin: auto 0 0 auto;
  width: var(--link-icon-size);
}
.m-teaser-image-text__meta {
  color: var(--hover-color, var(--color-meta));
  font-size: var(--font-size-small);
}
.m-teaser-image-text__meta + .c-rte-content {
  margin-top: 0;
}
.m-teaser-image-text__meta:not(:first-child) {
  margin-bottom: -0.75rem;
}
.m-teaser-image-text__meta span:not(:first-child):not(:only-child):before {
  content: "|";
  padding-right: 0.5rem;
}
.m-teaser-image-text__meta span:not(:last-child) {
  margin-right: 0.5rem;
}
.m-teaser-image-text .ph-buttons {
  --ph-buttons-margin-top: 3rem;
}
.m-teaser-image-text__bottom-link {
  --icon-size: 0.8em;
  align-items: center;
  color: var(--color-ci-primary);
  display: inline-flex;
  gap: 0.5em;
}
.m-teaser-image-text__bottom-link .svg-icon {
  height: var(--icon-size);
  width: var(--icon-size);
}
.m-teaser-image-text--rows {
  --columns: 0;
  --slide-max-width: none;
  --tile-direction: row;
}
.m-teaser-image-text--rows:not(.l-module--tiles-bg) .m-teaser-image-text__item {
  height: auto;
}
.m-teaser-image-text--rows:not(.l-module--tiles-bg) .c-image {
  height: 100%;
}
.m-teaser-image-text--rows .c-image {
  display: flex;
  flex-shrink: 0;
  width: 25%;
}
.m-teaser-image-text--rows .c-image div, .m-teaser-image-text--rows .c-image picture {
  display: inherit;
}
.m-teaser-image-text--rows .c-image img {
  object-fit: cover;
}
.m-teaser-image-text--rows .svg-icon {
  align-self: end;
}
.m-teaser-image-text--rows .ph-buttons .svg-icon {
  align-self: initial;
}
.m-teaser-image-text--small-text .m-teaser-image-text__wrapper {
  --font-size-headline: var(--font-size-main);
  --text-decoration-thickness: 0.063em;
  --text-underline-offset: 0.125em;
}
.m-teaser-image-text--small-text .m-teaser-image-text__wrapper p {
  margin-top: 0;
}
.m-slider .m-teaser-image-text {
  --slider-nav-offset-x: calc(var(--slider-nav-size) + 1rem);
}
.m-slider .m-teaser-image-text__wrapper {
  position: relative;
}
.m-slider .m-teaser-image-text__stream {
  --flex-wrap: nowrap;
  overflow: hidden;
}
.equipment-cloud .m-teaser-image-text .m-teaser-image-text__item {
  border-radius: var(--border-radius-ec);
  overflow: hidden;
}

.m-teaser-list-icon {
  --icon-size: 3.5rem;
  --list-icon-gap: 1.5rem;
}
.m-teaser-list-icon__wrapper {
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-teaser-list-icon__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-teaser-list-icon__wrapper .c-module-header, .m-teaser-list-icon__wrapper .m-tiles-blogposts-title, .m-teaser-list-icon__wrapper .m-tiles-downloads-title {
  margin-top: var(--override-margin-top, var(--spacer-p-ul-ol-top));
}
.m-teaser-list-icon__wrapper .c-module-header:first-child, .m-teaser-list-icon__wrapper .m-tiles-blogposts-title:first-child, .m-teaser-list-icon__wrapper .m-tiles-downloads-title:first-child {
  --override-margin-top: 0;
}
.m-teaser-list-icon__wrapper .c-module-header ~ .c-module-header, .m-teaser-list-icon__wrapper .m-tiles-blogposts-title ~ .c-module-header, .m-teaser-list-icon__wrapper .m-tiles-downloads-title ~ .c-module-header, .m-teaser-list-icon__wrapper .c-module-header ~ .m-tiles-blogposts-title, .m-teaser-list-icon__wrapper .m-tiles-blogposts-title ~ .m-tiles-blogposts-title, .m-teaser-list-icon__wrapper .m-tiles-downloads-title ~ .m-tiles-blogposts-title, .m-teaser-list-icon__wrapper .c-module-header ~ .m-tiles-downloads-title, .m-teaser-list-icon__wrapper .m-tiles-blogposts-title ~ .m-tiles-downloads-title, .m-teaser-list-icon__wrapper .m-tiles-downloads-title ~ .m-tiles-downloads-title {
  --override-margin-top: var(--module-padding-top);
}
.m-teaser-list-icon__wrapper .c-rte-content + .c-module-header, .m-teaser-list-icon__wrapper .c-rte-content + .m-tiles-blogposts-title, .m-teaser-list-icon__wrapper .c-rte-content + .m-tiles-downloads-title {
  --override-margin-top: var(--spacer-p-ul-ol-top);
}
.m-teaser-list-icon__list {
  --margin-top: 1.5rem;
  --override-rte-content-margin-top: 0.5rem;
  --column-width: calc(50% - 1rem);
  align-items: start;
  display: flex;
  flex-flow: row wrap;
  gap: 2.5rem 2rem;
}
.m-teaser-list-icon__list > li {
  align-items: flex-start;
  break-inside: avoid-column;
  display: grid;
  grid-template-areas: "icon headline" "blank text";
  grid-template-columns: auto 1fr;
  margin-top: 0;
  width: var(--column-width);
}
.m-teaser-list-icon__list > li > img,
.m-teaser-list-icon__list > li > .svg-icon {
  grid-area: icon;
  height: var(--icon-size);
  margin-right: var(--list-icon-gap);
  object-fit: contain;
  width: var(--icon-size);
}
.m-teaser-list-icon__list > li > .svg-icon {
  background-color: var(--color-ci-primary);
  padding: 0.25rem;
}
.m-teaser-list-icon__list > li > .c-rte-content {
  grid-area: text;
}
.m-teaser-list-icon__headline {
  --font-size-headline: var(--font-size-largest);
  align-items: center;
  display: flex;
  font-size: var(--font-size-headline);
  grid-area: headline;
  margin-bottom: 0.5rem;
}
img + .m-teaser-list-icon__headline, .svg-icon + .m-teaser-list-icon__headline {
  height: 100%;
}
.m-teaser-list-icon__section-headline {
  --font-size-headline: var(--font-size-h4);
  margin-top: var(--module-padding-top);
}
.m-teaser-list-icon__section-headline:first-child {
  margin-top: 0;
}

.m-teaser-list {
  --bg-color: transparent;
  --color: currentColor;
  --color-link: currentColor;
  --color-link-hover: currentColor;
  --list-icon-color: var(--color-ci-primary);
  --list-dot-scale: 1;
  --list-shift: 1em;
}
.m-teaser-list.l-module--bg {
  --bg-color: var(--color-ci-primary);
  --color: var(--color-white);
  --override-color: var(--color-white);
  --override-text-decoartion-color: currentColor;
  --list-icon-color: currentColor;
  --list-dot-scale: 1.35;
  --list-shift: 1.4em;
  --watermark-opacity: 0.075;
  --watermark-stroke-width: 12rem;
  --watermark-offset: -55%;
  --watermark-content: "";
  overflow: hidden;
}
.m-teaser-list.l-module--bg.bg-color-2 {
  --bg-color: var(--color-blue-medium);
}
.m-teaser-list.l-module--bg.bg-color-2 .ph-button {
  --x-color: var(--color);
  --x-bg-color: var(--color-blue-medium);
  --x-border-color: var(--color-white);
}
.m-teaser-list.l-module--bg.bg-color-3 {
  --bg-color: var(--color-ci-primary-light);
  --color: currentColor;
  --list-icon-color: var(--color-ci-primary);
  --watermark-opacity: 0.5;
}
.m-teaser-list.l-module--bg.bg-color-3 .ph-button {
  --x-color: var(--color);
  --x-bg-color: var(--bg-color);
  --x-border-color: var(--bg-color);
}
.m-teaser-list.l-module--bg.bg-color-4 {
  --bg-color: var(--color-ci-secondary);
}
.m-teaser-list.l-module--bg.bg-color-4 .ph-button {
  --x-color: var(--color);
  --x-bg-color: var(--color-ci-secondary);
  --x-border-color: var(--color-white);
}
.m-teaser-list.l-module--bg .m-teaser-list__wrapper {
  padding: 3rem;
}
.m-teaser-list.l-module--bg .m-teaser-list__wrapper > .c-module-header, .m-teaser-list.l-module--bg .m-teaser-list__wrapper > .m-tiles-blogposts-title, .m-teaser-list.l-module--bg .m-teaser-list__wrapper > .m-tiles-downloads-title,
.m-teaser-list.l-module--bg .m-teaser-list__wrapper > .c-rte-content,
.m-teaser-list.l-module--bg .m-teaser-list__wrapper > .m-teaser-list__list,
.m-teaser-list.l-module--bg .m-teaser-list__wrapper > .ph-buttons {
  position: relative;
}
.m-teaser-list.l-module--bg:before {
  box-sizing: content-box;
  border: var(--watermark-stroke-width) solid rgba(255, 255, 255, var(--watermark-opacity));
  content: var(--watermark-content);
  padding-bottom: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(calc(var(--watermark-offset) + var(--watermark-stroke-width)), calc(-50% - 5rem)) scale(1, 1.55) rotate(45deg);
  width: 100%;
}
.m-teaser-list.l-module--bg .ph-button {
  --x-color: var(--color);
  --x-bg-color: var(--bg-color);
  --x-border-color: var(--color);
}
.m-teaser-list--wide {
  background-color: var(--bg-color);
}
.m-teaser-list--wide .m-teaser-list__wrapper {
  padding: 0 !important;
}
.m-teaser-list__wrapper {
  background-color: var(--bg-color);
  color: var(--color);
  margin: 0 auto;
  max-width: var(--text-max-width);
}
.m-teaser-list__list {
  --margin-top: 1rem;
  --dot-size: 0.3em;
  --dot-top: 0;
  list-style: none;
}
.m-teaser-list__list:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-teaser-list--columns .m-teaser-list__list {
  column-count: 2;
  column-gap: 2rem;
}
.m-teaser-list__list li {
  align-items: baseline;
  break-inside: avoid-column;
  padding-left: var(--list-shift);
}
.m-teaser-list__list li:before {
  background-color: var(--list-icon-color);
  clip-path: var(--k-angle);
  content: "";
  display: inline-flex;
  height: calc(var(--dot-size) * 2.5);
  left: 0;
  margin-left: calc(-2 * var(--dot-size));
  position: relative;
  top: var(--dot-top);
  transform: translateX(calc(-1 * var(--list-shift) + 2 * var(--dot-size))) scale(var(--list-dot-scale));
  transform-origin: left center;
  width: calc(2 * var(--dot-size));
}
.m-teaser-list--columns-text .c-rte-content {
  column-count: 2;
  column-gap: 2rem;
}
.m-teaser-logos {
  --gap: 3rem;
  --columns: 6;
  --slider-max-width: var(--text-max-width);
  --slide-max-width: calc(100% / var(--columns) - var(--gap) + 1 / var(--columns) * var(--gap));
}
.l-frontpage .m-teaser-logos {
  --slider-max-width: none;
}
.m-teaser-logos__wrapper {
  margin: 0 auto;
  max-width: var(--slider-max-width);
}
.m-teaser-logos__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-teaser-logos__logos {
  align-items: center;
  display: flex;
  flex-flow: row var(--flex-wrap, wrap);
  gap: var(--slider-gap-override, var(--gap));
  justify-content: space-between;
  list-style: none;
}
.m-slider .m-teaser-logos__wrapper {
  --flex-wrap: nowrap;
  overflow: hidden;
}
.m-teaser-logos .c-image img {
  max-height: 3.5rem;
}
.m-teaser-logos .swiper-slide > * {
  flex-grow: unset;
}
.m-teaser-logos__stream:not(.swiper-initialized) .swiper-slide {
  width: auto;
}
.m-teaser-logos__stream:not(.swiper-initialized) .swiper-slide:only-child {
  margin-right: auto !important;
}
.m-teaser-logos__stream:not(.swiper-initialized) .m-teaser-logos__logos {
  justify-content: center;
}

.m-text-media.l-module--bg {
  background-color: var(--color-grey-lightest);
}
.m-text-media .c-module-header, .m-text-media .m-tiles-blogposts-title, .m-text-media .m-tiles-downloads-title {
  max-width: var(--text-max-width);
}
.m-text-media__wrapper {
  display: flow-root;
}
.m-text-media__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-text-media__text {
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.m-text-media__media {
  --horizontal-margin: calc(var(--gutter) * 0.8);
  --bottom-margin: calc(var(--gutter) * 0.8);
  margin: 0 var(--horizontal-margin) var(--bottom-margin);
  padding-top: 0.313rem;
}
.m-text-media__media--left {
  float: left;
  margin-left: 0;
  width: 40%;
  width: 38.16%;
}
.m-text-media__media--right {
  float: right;
  margin-right: 0;
  width: 38.16%;
}
.m-text-media__media--full {
  margin-left: 25%;
  margin-right: 25%;
  padding-top: 0;
}
.m-text-media__media--full > a {
  display: block;
}
.m-text-media__media--full > a:focus-visible {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: 0.125rem;
}
.m-text-media__media--full .c-image {
  display: block;
}
.m-text-media__media--full .c-image img {
  width: 100%;
}
.m-text-media__media--full .c-image__caption {
  display: block;
}
.m-text-media__media--full .c-audio {
  max-width: var(--text-max-width);
  margin: 0 auto;
}
.m-text-media__media--full:last-child:not(:only-child) {
  margin-bottom: 0;
  margin-top: calc(var(--gutter) * 0.8);
  padding-bottom: 0.313rem;
}
.m-accordion .m-text-media .c-module-header, .m-accordion .m-text-media .m-tiles-blogposts-title, .m-accordion .m-text-media .m-tiles-downloads-title {
  padding-top: 0;
}
.m-accordion .m-text-media .c-video__caption,
.m-accordion .m-text-media .c-audio__caption,
.m-accordion .m-text-media .c-image__caption {
  padding-right: 0;
  padding-left: 0;
}

.m-timeline {
  --line-w: 0.25rem;
  --line-progress-h: 2rem;
  --col-gap: 2rem;
  --row-gap: 2rem;
  --circle-w: 0.75rem;
  --circle-w2: 1.25rem;
  --circle-c: var(--color-ci-primary);
  --date-shift: -1rem;
  --date-alignment: right;
  --date-shift-x: translateX(0.7rem);
  opacity: 0;
  transition: opacity 100ms;
  overflow: hidden;
}
.m-timeline.is-initialized {
  opacity: 1;
}
.m-timeline__wrapper > .c-rte-content {
  margin-inline: auto;
  max-width: var(--text-max-width);
}
.m-timeline__line {
  background-color: var(--color-ci-primary-light);
  bottom: 0;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 2px;
  transform: translateX(-50%);
  width: var(--line-w);
}
.m-timeline__line-progress {
  background-color: var(--color-ci-primary);
  height: var(--line-progress-h);
  width: 100%;
}
.m-timeline__list {
  column-gap: var(--col-gap);
  display: grid;
  grid-template-columns: 1fr var(--line-w) 1fr;
  grid-auto-columns: max-content;
  list-style: none;
  margin-inline: auto;
}
.m-timeline__list-wrapper {
  position: relative;
}
.m-timeline__list-wrapper:not(:first-child) {
  margin-top: calc(2 * var(--spacer-p-ul-ol-top)) !important;
}
.m-timeline__list > li {
  display: grid;
  grid-column: 2;
  grid-row: span 2;
  grid-template-rows: min-content;
  position: relative;
}
.m-timeline__list > li:after, .m-timeline__list > li:before {
  background: var(--circle-c);
  border-radius: 50%;
  content: "";
  height: var(--circle-w);
  left: auto;
  position: absolute;
  right: calc(var(--col-gap) * -1 - var(--line-w) * 0.5 - var(--circle-w) * 0.5);
  top: calc(var(--circle-w) * -0.5);
  transform-origin: center;
  width: var(--circle-w);
  transition-delay: 1s;
  transition: background-color var(--transition-duration-short) ease-in-out;
  z-index: 2;
}
.m-timeline__list > li:after {
  --circle-c: var(--color-ci-secondary);
  --circle-w: var(--circle-w2);
  opacity: 0;
  z-index: 1;
}
.m-timeline__list > li:not(:last-child) {
  margin-bottom: calc(var(--row-gap) * 3);
}
.m-timeline__list > li:nth-child(odd) {
  grid-column: 1;
}
.m-timeline__list > li:nth-child(even) {
  grid-column: 3;
}
.m-timeline__list > li:nth-child(even):before, .m-timeline__list > li:nth-child(even):after {
  left: calc(var(--col-gap) * -1 - var(--line-w) * 0.5 - var(--circle-w) * 0.5);
  right: auto;
  top: calc(var(--font-size-large) * var(--line-height-main) - var(--circle-w) * 0.5);
}
.m-timeline__list > li:nth-child(even) .m-timeline__item {
  --date-alignment: left;
  --date-shift-x: translateX(-0.7rem);
}
.m-timeline__list > li:last-child {
  grid-row: span 1;
}
.m-timeline__item-date {
  margin-bottom: var(--date-shift);
  text-align: var(--date-alignment);
}
.m-timeline__item time {
  color: var(--color-white);
  display: inline-block;
  font-size: var(--font-size-large);
  padding: 0 2rem;
  position: relative;
  transform: var(--date-shift-x);
  z-index: 1;
}
.m-timeline__item time:before {
  background: var(--color-ci-primary);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skewX(-30deg);
  width: 100%;
  z-index: -1;
}
.m-timeline__item-content {
  background: var(--color-primary);
}
.m-timeline__item-content .c-rte-content {
  padding: var(--tile-inner-padding);
}
.m-timeline__item-content .c-image {
  display: flex;
  height: 100%;
  width: 100%;
}
.m-timeline__item-content .c-image__wrapper {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
}
.m-timeline__item-content .c-image__picture {
  height: 100%;
  overflow: hidden;
}
.m-timeline__item-content .c-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.m-timeline__list > li .m-timeline__item {
  opacity: 0;
  transition: transform var(--transition-duration-medium) cubic-bezier(0.62, 0.01, 0.26, 1), opacity var(--transition-duration-medium) cubic-bezier(0.62, 0.01, 0.26, 1);
}
.m-timeline__list > li:nth-child(odd) .m-timeline__item {
  transform: translate3d(-10rem, -1rem, 0) rotate(10deg);
}
.m-timeline__list > li:nth-child(even) .m-timeline__item {
  transform: translate3d(10rem, -1rem, 0) rotate(10deg);
}
.m-timeline__list > li.in-view:before {
  background-color: white;
}
.m-timeline__list > li.in-view:after {
  opacity: 1;
}
.m-timeline__list > li.in-view .m-timeline__item {
  opacity: 1;
  transform: none;
}

@media (max-width:calc(68.75rem + 5rem + 17px)) {
  :root {
    --gutter: 2.5rem;
    --font-size-h1: 2.4rem;
    --font-size-h2: 1.875rem;
    --font-size-h3: 1.625rem;
    --font-size-h4: 1.5rem;
    --font-size-h5: 1.375rem;
    --font-size-h6: 1.25rem;
    --wrapper-horizontal-padding: 2.5rem;
    --current-breakpoint: laptop;
    --header-height: var(--header-height-laptop);
    --header-condensed-height: var(--header-condensed-height-laptop);
  }
  .c-teaser-icon-text {
    --font-size-headline: 1.5rem;
  }
  .c-teaser-icon-text {
    --tile-text-max-width: 100%;
    flex-flow: row;
  }
  .c-teaser-icon-text--horizontal {
    gap: 1.25rem;
  }
  .c-teaser-icon-text__illu {
    flex-shrink: 0;
    width: 40%;
  }
  .c-teaser-icon-text__content {
    justify-content: center;
  }
  .m-glossary-itemgroup h3 {
    line-height: 1.68rem;
  }
  .m-graphic-usecases-image .c-image {
    width: 85%;
  }
  .m-tiles-usecases-tile h4 {
    font-size: 3.5rem;
  }
  .m-accordion {
    --accordion-label-image-height: 4.375rem;
  }
  .m-accordion {
    --accordion-label-image-width: 3rem;
  }
  .equipment-cloud .m-contact {
    --img-width: 45%;
  }
  .equipment-cloud .m-contact .m-contact__content {
    flex-direction: column;
    padding: 2rem;
  }
  .equipment-cloud .m-contacts .c-image {
    --img-width: 25%;
  }
  .m-footer__row--nav .m-footer__column:first-child {
    margin-bottom: var(--gap);
    max-width: 100%;
    width: 100%;
  }
  .m-footer__row--nav .m-footer__column:not(:first-child) {
    max-width: calc(33% - var(--gap));
  }
  .m-header {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    padding: 0 var(--wrapper-horizontal-padding);
  }
  .m-header:before {
    --header-offset-factor: 1;
  }
  .m-header__wrapper--top {
    display: none;
  }
  .m-header__wrapper--bottom {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .m-header__logo {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: var(--logo-width);
    margin-right: auto;
  }
  .m-header__nav {
    display: none;
  }
  .m-header queo-nav {
    --svg-stroke-color: currentColor;
    --icon-size: 2rem;
    --opacity: 1;
    --slide-shadow-spread: 0.625rem;
    --slide-shadow-color: rgba(38, 38, 38, 0.25);
    --slide-background-color: var(--color-ci-primary-light);
    --slide-padding: 2rem var(--wrapper-horizontal-padding);
    --slide-main-x-shift: 100%;
    --line-height-nav-item: 1.2;
  }
  .m-header queo-nav:not(:last-child) {
    margin-left: 3rem;
  }
  .m-header queo-nav button {
    appearance: none;
    background-color: transparent;
    border: none;
    color: currentColor;
    display: grid;
    grid-template-areas: "icon";
    padding: 0;
  }
  .m-header queo-nav .svg-icon {
    grid-area: icon;
    height: var(--icon-size);
    opacity: var(--opacity);
    transition: opacity var(--transition-duration-short);
    width: var(--icon-size);
  }
  .m-header queo-nav .svg-icon:last-child {
    opacity: calc(-1 * (var(--opacity) - 1) + 0);
  }
  .m-header queo-nav[is-open] {
    --slide-main-x-shift: 0;
    --opacity: 0;
  }
  .m-header queo-nav .is-open + .m-header__nav-layer {
    --layer-shift: 0;
  }
  .m-header queo-nav .m-header__slide {
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    gap: 1rem;
    height: calc(100 * var(--vph));
    justify-content: space-between;
    line-height: var(--line-height-nav-item);
    max-height: calc(100 * var(--vph) - var(--header-height));
    max-width: calc(100 * var(--vpw) + var(--slide-shadow-spread));
    overscroll-behavior: contain;
    overflow: hidden;
    padding-left: var(--slide-shadow-spread);
    position: fixed;
    right: 0;
    transform: translateX(var(--slide-main-x-shift));
    transition: transform var(--transition-duration-header-layer);
    top: var(--header-height);
    width: calc(24rem + var(--slide-shadow-spread));
  }
  .m-header queo-nav .m-header__slide-wrapper {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--slide-padding);
  }
  .m-header queo-nav .m-header__slide:after {
    background-color: var(--slide-background-color);
    bottom: calc(-1 * var(--slide-shadow-spread));
    box-shadow: 0 0 var(--slide-shadow-spread) var(--slide-shadow-color);
    content: "";
    left: var(--slide-shadow-spread);
    position: absolute;
    right: 0;
    top: calc(-1 * var(--slide-shadow-spread));
    z-index: -1;
  }
  .m-header queo-nav .m-header__nav-back {
    --svg-stroke-color: currentColor;
    align-items: center;
    appearance: none;
    background-color: var(--slide-background-color);
    border: none;
    border-bottom: 0.063rem solid var(--color-grey-light);
    display: flex;
    font-family: inherit;
    font-size: inherit;
    gap: 0.5rem;
    line-height: inherit;
    margin: -2rem 0 1rem;
    padding: 1.625rem 0 0.5rem;
    position: sticky;
    text-align: left;
    top: -2rem;
    width: 100%;
  }
  .m-header queo-nav .m-header__nav-back .svg-icon {
    flex-shrink: 0;
    filter: drop-shadow(-0.375rem 0 0);
    transform: rotate(180deg);
  }
  .m-header queo-nav .m-header__nav-layer {
    --layer-shift: calc(100% + var(--slide-shadow-spread));
    background-color: var(--slide-background-color);
    box-shadow: 0 0 var(--slide-shadow-spread) var(--slide-shadow-color);
    height: calc(100 * var(--vph) - var(--header-height));
    overflow-y: auto;
    padding: var(--slide-padding);
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(var(--layer-shift));
    transition: transform var(--transition-duration-header-layer);
    width: calc(100% - var(--slide-shadow-spread));
    z-index: 1;
  }
  .m-header queo-nav .m-header__nav-columns-content:not(:first-child) {
    margin-top: 1rem;
  }
  .m-header queo-nav .m-header__nav-columns-content:not(:first-child).has-sub {
    margin-top: 2rem;
  }
  .m-header queo-nav .m-header__nav--main {
    --font-size: var(--font-size-large);
    --margin-top: 1rem;
    display: block;
    font-size: var(--font-size);
  }
  .m-header queo-nav .m-header__nav--meta, .m-header queo-nav .m-header__nav--lang {
    --top-space: 1rem;
    border-top: 0.063rem solid var(--color-ci-primary);
    margin-top: var(--top-space);
    padding-top: var(--top-space);
  }
  .m-header queo-nav .m-header__nav--meta {
    --font-size: var(--font-size-small);
    --margin-top: 0.25rem;
    display: block;
    font-size: var(--font-size);
    line-height: var(--line-height-main);
  }
  .m-header queo-nav .m-header__nav--meta .is-visually-hidden {
    height: auto !important;
    opacity: 1 !important;
    overflow: auto !important;
    pointer-events: auto;
    position: static !important;
    top: auto !important;
    transform: none !important;
  }
  .m-header queo-nav .m-header__nav--meta .svg-icon {
    display: none;
  }
  .m-header queo-nav .m-header__nav--lang {
    display: block;
  }
  .m-header queo-nav .m-header__nav--lang ul {
    display: flex;
    gap: 1rem;
  }
  .m-header queo-nav .m-header__nav--lang .is-active {
    --color-border: transparent !important;
  }
  .m-header queo-suggest {
    --override-input-padding: 0.5rem 0 0.5rem 0.5rem;
  }
  .m-header .ph-formfield input {
    padding: 0.5rem 0 0.5rem 0.5rem !important;
  }
  .equipment-cloud .m-header queo-nav .m-header__nav.m-header__nav--meta {
    display: none;
  }
  .m-hero {
    --image-width-factor: 0.5;
  }
  .m-hero {
    --image-min-height: 32rem;
  }
  .m-hero__content {
    width: calc(100% * (1 - var(--image-width-factor)) + 2.5rem);
  }
  .equipment-cloud .m-hero {
    --image-min-height: 30rem;
  }
  .equipment-cloud .m-hero {
    --image-max-height: 30rem;
  }
  .m-quote {
    --quote-img-s: 12rem;
  }
  .m-tabs {
    --tab-image-padding-h: 1rem;
  }
  .m-teaser-image-text-single {
    --watermark-stroke-width: 24rem;
  }
  .m-teaser-image-text-single__column-image {
    display: none;
  }
  .m-teaser-image-text {
    --gap: 3rem;
  }
  .m-teaser-image-text {
    --columns: 2 !important;
  }
  .m-teaser-logos__stream:not(.swiper-initialized) .swiper-slide {
    width: auto;
  }
  .m-text-media__media--left {
    width: 45%;
  }
  .m-text-media__media--right {
    width: 45%;
  }
  .m-text-media__media--full {
    margin-left: 15%;
    margin-right: 15%;
  }
}

@media (max-width:57.4375rem) {
  :root {
    --gutter: 1.875rem;
    --font-size-h1: 2.1rem;
    --font-size-h2: 1.625rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.375rem;
    --font-size-h5: 1.25rem;
    --font-size-h6: 1.125rem;
    --font-size-main: calc(1rem * 1.125);
    --spacer-p-ul-ol-top: 1.5rem;
    --wrapper-horizontal-padding: 1.875rem;
    --current-breakpoint: tablet;
    --header-height: var(--header-height-tablet);
    --header-condensed-height: var(--header-condensed-height-tablet);
    --headline-rte-content-padding-top: 0.5rem;
    --module-padding-top: 3rem;
    --module-frontpage-padding-top: 4rem;
    --tile-inner-padding: 1.5rem;
    --tile-spacing: 1rem;
    --content-nav-height: 3.625rem;
  }
  .c-grid__item {
    max-width: none;
    width: 100%;
  }
  .c-grid__item--small {
    max-width: var(--width-small);
  }
  .c-grid__item--auto {
    max-width: calc(100% - var(--width-small) - var(--grid-gap-horizontal));
  }
  .c-teaser-icon-text {
    --font-size-headline: 1.375rem;
  }
  .m-glossary-itemgroup h3 {
    line-height: 1.56rem;
  }
  .m-graphic-usecases-image .c-image {
    width: 95%;
  }
  .m-tiles-blogposts-tile-wrapper[data-items-per-row="4"], .m-tiles-blogposts-tile-wrapper[data-items-per-row="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .m-tiles-downloads-tile-wrapper[data-items-per-row="4"], .m-tiles-downloads-tile-wrapper[data-items-per-row="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .m-tiles-mediathek-tile-wrapper[data-items-per-row="4"], .m-tiles-mediathek-tile-wrapper[data-items-per-row="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .m-tiles-usecases-tile h4 {
    font-size: 4.5rem;
  }
  .m-tiles-usecases-tile-wrapper[data-items-per-row="4"], .m-tiles-usecases-tile-wrapper[data-items-per-row="3"] {
    grid-template-columns: repeat(2, 1fr);
  }
  .m-accordion {
    --accordion-label-image-height: 3.563rem;
  }
  .m-accordion {
    --accordion-label-image-width: 2rem;
  }
  .m-accordion {
    --accordion-icon-bg-size: 1.688rem;
  }
  .m-contact {
    --image-max-width: 50%;
  }
  .m-contact__content {
    display: block;
  }
  .m-contacts__items {
    flex-direction: column;
  }
  .m-contacts__item {
    max-width: none;
  }
  .m-contacts .m-contact {
    --image-max-width: 30%;
  }
  .equipment-cloud .m-contacts .c-image {
    --img-width: 33%;
  }
  .m-footer--condensed .m-footer__row--nav .m-footer__columns {
    justify-content: space-between;
  }
  .m-footer--condensed .m-footer__row--nav .m-footer__column {
    flex-grow: 1;
    max-width: none;
    width: auto;
  }
  .m-hero {
    --image-width-factor: 0;
  }
  .m-hero {
    --image-min-height: 0;
  }
  .m-hero__content {
    width: 100%;
  }
  .m-hero__content:only-child {
    background-image: linear-gradient(38deg, var(--color-ci-secondary), var(--color-ci-primary));
    width: calc(100 * var(--vpw));
  }
  .m-hero__content .l-wrapper, .m-hero__content .m-glossary .container, .m-glossary .m-hero__content .container, .m-hero__content .m-tiles-blogposts .container, .m-tiles-blogposts .m-hero__content .container, .m-hero__content .m-tiles-downloads .container, .m-tiles-downloads .m-hero__content .container {
    --deco-content: none;
    max-width: none;
  }
  .m-hero__content-wrapper {
    background-color: transparent;
    color: var(--color-white);
    justify-content: flex-end;
    max-width: none;
    padding: 0;
  }
  .m-hero__image {
    position: relative;
    width: 100%;
  }
  .m-hero .c-image__picture {
    aspect-ratio: 16/7.5;
  }
  .m-hero .m-hero__wrapper {
    display: grid;
    grid-template-areas: "layer";
  }
  .m-hero .m-hero__content {
    grid-area: layer;
    z-index: 1;
  }
  .m-hero .m-hero__image {
    background-color: transparent;
    grid-area: layer;
    pointer-events: none;
  }
  .m-hero .m-hero__image .c-image__picture {
    opacity: 0.2;
  }
  .m-hero .m-hero__image img {
    transform: none;
  }
  .m-hero .m-hero__image queo-popover {
    pointer-events: auto;
  }
  .equipment-cloud .m-hero {
    --image-min-height: 0;
  }
  .equipment-cloud .m-hero {
    --image-max-height: none;
  }
  .equipment-cloud .m-hero .m-hero__wrapper {
    background-color: var(--color-ci-primary);
    grid-template-columns: 1fr;
  }
  .equipment-cloud .m-hero .m-hero__wrapper .ph-button--teaser {
    --button-override-border-color: var(--color-white);
  }
  .equipment-cloud .m-hero .m-hero__content {
    grid-area: 1/1/2/2;
  }
  .equipment-cloud .m-hero .m-hero__image {
    grid-area: 1/1/2/2;
  }
  .m-page-header {
    --image-min-height: 0;
  }
  .m-page-header__wrapper {
    display: grid;
    grid-template-areas: "layer";
  }
  .m-page-header__content {
    width: 100%;
  }
  .m-page-header__content .l-wrapper, .m-page-header__content .m-glossary .container, .m-glossary .m-page-header__content .container, .m-page-header__content .m-tiles-blogposts .container, .m-tiles-blogposts .m-page-header__content .container, .m-page-header__content .m-tiles-downloads .container, .m-tiles-downloads .m-page-header__content .container {
    max-width: none;
  }
  .m-page-header__image {
    display: none;
  }
  .m-page-header .c-image__picture {
    aspect-ratio: 16/7.5;
  }
  .l-module--tiles-bg .m-queo-filter__item .c-image {
    display: none;
  }
  .m-quote-2 {
    --caption-img-size: 4rem;
    --caption-logo-max-width: 12rem;
  }
  .m-quote {
    --quote-p: 1.5rem;
    --quote-img-s: 9rem;
  }
  .m-tabs {
    --tab-image-padding-h: 0.5rem;
  }
  .m-teaser-image-text-single {
    --watermark-stroke-width: 18rem;
  }
  .m-teaser-image-text-single .c-image {
    display: none;
  }
  .m-teaser-image-text {
    --gap: 1.5rem;
  }
  .m-teaser-image-text--rows.l-module--tiles-bg .c-image {
    display: none;
  }
  .m-teaser-list-icon__list {
    --column-width: 100%;
  }
  .m-teaser-list.l-module--bg {
    --watermark-offset: -60%;
  }
  .m-teaser-list--columns .m-teaser-list__list {
    column-count: initial;
  }
  .m-teaser-list--columns-text .c-rte-content {
    column-count: initial;
  }
  .m-teaser-logos {
    --columns: 3 !important;
  }
  .m-teaser-logos__stream:not(.swiper-initialized) .swiper-slide {
    width: 33%;
  }
  .m-text-media__media--left {
    width: 45%;
  }
  .m-text-media__media--right {
    width: 45%;
  }
  .m-text-media__media--full {
    margin-left: 0;
    margin-right: 0;
  }
  .m-timeline__line {
    left: 0;
    transform: none;
  }
  .m-timeline__list {
    grid-template-columns: var(--line-w) 1fr;
  }
  .m-timeline__list > li:nth-child(odd) {
    --date-alignment: left;
    --date-shift-x: translateX(-0.7rem);
    grid-column: 2;
  }
  .m-timeline__list > li:nth-child(odd):before, .m-timeline__list > li:nth-child(odd):after {
    left: calc(var(--col-gap) * -1 - var(--line-w) * 0.5 - var(--circle-w) * 0.5);
    right: auto;
    top: calc(var(--font-size-large) * var(--line-height-main) - var(--circle-w) * 0.5);
  }
  .m-timeline__list > li:nth-child(even) {
    grid-column: 2;
  }
  .m-timeline__item time:before {
    transform: skewX(30deg);
  }
  .m-timeline__list > li:nth-child(odd) .m-timeline__item {
    transform: translate3d(10rem, -1rem, 0) rotate(10deg);
  }
  .m-timeline__list > li.in-view:before, .m-timeline__list > li.in-view:after {
    top: calc(var(--circle-w) * -0.5);
  }
  .m-timeline__list > li.in-view .m-timeline__item {
    transform: none;
  }
}

@media (max-width:37.4375rem) {
  :root {
    --gutter: 1.25rem;
    --font-size-h1: 1.8rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.375rem;
    --font-size-h4: 1.25rem;
    --font-size-h5: 1.125rem;
    --font-size-h6: 1.063rem;
    --font-size-main: 1rem;
    --spacer-p-ul-ol-top: 1.25rem;
    --wrapper-horizontal-padding: 1rem;
    --current-breakpoint: mobile;
    --header-height: var(--header-height-mobile);
    --header-condensed-height: var(--header-condensed-height-mobile);
  }
  .is-hidden-mobile {
    display: none !important;
  }
  .link {
    text-decoration-thickness: 0.063rem;
    text-underline-offset: 0.125rem;
  }
  a.link-download,
  a.link-locked {
    text-decoration-thickness: 0.063rem;
    text-underline-offset: 0.125rem;
  }
  .m-form__errors-wrapper {
    flex-flow: column nowrap;
  }
  .m-form__errors-wrapper .svg-icon {
    align-self: center;
    margin-right: 0;
    margin-bottom: 1rem;
    padding-top: 0;
  }
  .m-form__errors a strong {
    display: block;
  }
  .ph-formfield__checkboxes, .ph-formfield__radios {
    --columns: 1;
  }
  .ph-formfield__set {
    flex-flow: column nowrap;
  }
  .c-grid__item--small, .c-grid__item--auto {
    max-width: none;
  }
  .c-page-browser__page--more {
    display: none;
  }
  tbody td blockquote, tobdy th blockquote,
  .c-rte-content blockquote {
    padding: 1rem 1rem 1rem 2rem;
  }
  .c-teaser-icon-text {
    --font-size-headline: 1.25rem;
  }
  .c-teaser-icon-text {
    --icon-width: 9rem;
    margin-inline: auto;
    max-width: 400px;
    flex-flow: column;
    text-align: center;
  }
  .c-teaser-icon-text--horizontal {
    margin-inline: auto;
    max-width: 400px;
  }
  .c-teaser-icon-text--horizontal .c-teaser-icon-text__icon {
    --svg-stroke-width: 0.175rem;
    margin-inline: auto;
  }
  .c-teaser-icon-text--horizontal .c-teaser-icon-text__content {
    padding-top: 0;
  }
  .c-teaser-icon-text__illu {
    width: 100%;
  }
  .m-glossary-itemgroup h3 {
    line-height: 1.44rem;
  }
  .m-graphic-usecases-image .c-image {
    width: 85%;
  }
  .m-teaser-text-media-image, .m-teaser-text-media-content {
    flex-basis: 100%;
  }
  .m-teaser-text-media:nth-of-type(even) .l-wrapper, .m-teaser-text-media:nth-of-type(even) .m-tiles-downloads .container, .m-tiles-downloads .m-teaser-text-media:nth-of-type(even) .container, .m-teaser-text-media:nth-of-type(even) .m-tiles-blogposts .container, .m-tiles-blogposts .m-teaser-text-media:nth-of-type(even) .container, .m-teaser-text-media:nth-of-type(even) .m-glossary .container, .m-glossary .m-teaser-text-media:nth-of-type(even) .container, .m-teaser-text-media:nth-of-type(odd) .l-wrapper, .m-teaser-text-media:nth-of-type(odd) .m-tiles-downloads .container, .m-tiles-downloads .m-teaser-text-media:nth-of-type(odd) .container, .m-teaser-text-media:nth-of-type(odd) .m-tiles-blogposts .container, .m-tiles-blogposts .m-teaser-text-media:nth-of-type(odd) .container, .m-teaser-text-media:nth-of-type(odd) .m-glossary .container, .m-glossary .m-teaser-text-media:nth-of-type(odd) .container {
    flex-direction: column;
  }
  .m-teaser-video__button-wrapper {
    width: 100%;
  }
  .m-teaser-video__button-wrapper .ph-button {
    width: 100%;
  }
  .m-tiles-blogposts-tile-wrapper {
    grid-template-columns: unset;
    display: block;
  }
  .m-tiles-blogposts-tile-inner {
    height: unset;
  }
  .m-tiles-blogposts-tile + .m-tiles-blogposts-tile {
    margin-top: 1.5rem;
  }
  .m-tiles-downloads-tile-wrapper {
    grid-template-columns: unset;
    display: block;
  }
  .m-tiles-downloads-tile-inner {
    height: unset;
  }
  .m-tiles-downloads-tile + .m-tiles-downloads-tile {
    margin-top: 1.5rem;
  }
  .m-tiles-mediathek-tile-wrapper {
    grid-template-columns: unset;
    display: block;
  }
  .m-tiles-mediathek-tile-inner {
    height: unset;
  }
  .m-tiles-mediathek-tile + .m-tiles-mediathek-tile {
    margin-top: 1.5rem;
  }
  .m-tiles-usecases-tile h4 {
    font-size: 4rem;
  }
  .m-tiles-usecases-tile {
    margin-bottom: 1.25rem;
  }
  .m-tiles-usecases-tile-wrapper {
    grid-template-columns: unset;
    display: block;
  }
  .m-tiles-usecases-tile-inner {
    margin-top: -6.25rem;
    padding-top: 3.5rem;
  }
  .m-accordion {
    --accordion-label-image-height: 2.813rem;
  }
  .m-accordion {
    --accordion-label-image-width: 2rem;
  }
  .m-accordion {
    --accordion-icon-bg-size: 1.563rem;
  }
  .m-accordion__content:has(.m-accordion__content-icon) {
    display: flex;
    flex-direction: column;
  }
  .m-accordion__content-icon {
    margin-bottom: 1.5rem;
  }
  .m-contact {
    --spacing-image-text: 1rem;
    --image-max-width: none;
    --headline-offset: 0;
  }
  .m-contact__wrapper {
    flex-direction: column;
  }
  .equipment-cloud .m-contact {
    --img-width: 100%;
  }
  .equipment-cloud .m-contact .m-contact__wrapper {
    flex-direction: column;
  }
  .m-contacts .m-contact {
    --image-max-width: none;
  }
  .equipment-cloud .m-contacts .c-image {
    --img-width: 100%;
  }
  .m-content-nav__headline {
    display: none;
  }
  .m-footer__wrapper:before {
    --watermark-offset: -80%;
  }
  .m-footer__row--nav .m-footer__column {
    max-width: 100% !important;
    width: 100% !important;
  }
  .m-hero {
    --image-width-factor: 0;
  }
  .m-hero {
    --image-min-height: 0;
  }
  .m-hero .c-image__picture {
    aspect-ratio: 16/9;
  }
  .equipment-cloud .m-hero {
    --image-min-height: 0;
  }
  .equipment-cloud .m-hero {
    --image-max-height: none;
  }
  .m-page-header .c-image__picture {
    aspect-ratio: 16/9;
  }
  .m-queo-filter__item {
    --tile-direction: column;
  }
  .m-queo-filter .c-image {
    height: auto;
    width: 100%;
  }
  .m-queo-filter queo-paginator::part(omitted) {
    display: none;
  }
  .m-quote-2 figcaption {
    grid-template-areas: "user text";
    grid-template-columns: auto 1fr;
  }
  .m-quote-2 figcaption img ~ img,
  .m-quote-2 figcaption img:last-child {
    display: none;
  }
  .m-quote {
    --quote-flex-d: column;
    --quote-p: 1rem;
  }
  .m-quote figcaption {
    display: none;
  }
  .equipment-cloud .m-quote {
    --shift-left: 0rem;
    --shift-top: 0rem;
  }
  .m-tabs {
    --tab-image-padding-h: 0rem;
  }
  .m-tabs__tabs {
    display: none;
  }
  .m-tabs__contents {
    border: none;
    display: flex;
    flex-flow: column nowrap;
    gap: var(--spacer-p-ul-ol-top);
  }
  .m-tabs__contents:before {
    content: none;
  }
  .m-tabs__contents .m-tabs__trigger {
    --override-tab-color: var(--tab-color);
    --override-tab-bg-color: var(--tab-bg-color);
    --override-tab-border-color: var(--tab-border-color);
    border: none;
    cursor: initial;
    display: block;
    padding: 0;
  }
  .m-tabs__contents .m-tabs__trigger img {
    max-height: 8rem;
    padding-bottom: 2rem;
  }
  .m-tabs__contents li {
    border: 0.125rem solid var(--color-ci-primary);
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    padding: 2rem;
  }
  .m-tabs__content {
    padding: 0;
    visibility: visible !important;
  }
  .m-teaser-image-text-single {
    --watermark-stroke-width: 12rem;
  }
  .m-teaser-image-text {
    --gap: 1rem;
  }
  .m-teaser-image-text__items {
    row-gap: 2.5rem;
  }
  .m-teaser-image-text--rows:not(.l-module--tiles-bg) {
    --tile-direction: column;
  }
  .m-teaser-image-text--rows:not(.l-module--tiles-bg) .c-image {
    height: auto;
    width: 100%;
  }
  .m-teaser-image-text {
    --columns: 1 !important;
  }
  .m-teaser-list-icon {
    --icon-size: 2.5rem;
  }
  .m-teaser-list-icon__list {
    gap: 2rem;
  }
  .m-teaser-list.l-module--bg {
    --watermark-content: none;
  }
  .m-teaser-logos {
    --columns: 2 !important;
  }
  .m-teaser-logos__stream:not(.swiper-initialized) .swiper-slide {
    width: 50%;
  }
  .m-text-media__media--left {
    width: 100%;
  }
  .m-text-media__media--right {
    width: 100%;
  }
  .m-text-media__media {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

@media print {
  :root {
    --form-field-background-color: var(--color-white) !important;
    --form-suggest-option-background-color: var(--form-field-background-color);
    --text-max-width: 100%;
    --tile-inner-padding: 1rem;
    --font-size-formfield: 12pt;
    --font-size-h1: 1.8rem;
    --font-size-h2: 1.6rem;
    --font-size-h3: 1.4rem;
    --font-size-h4: 1.2rem;
    --font-size-h5: 1.1rem;
    --font-size-h6: 1.05rem;
    --line-height-formfield: 1.2;
  }
  body {
    display: block !important;
    min-height: 0 !important;
  }
  .l-content {
    border: none !important;
    margin-top: 0 !important;
    max-width: none;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .l-content:before {
    content: none !important;
  }
  .l-wrapper, .m-tiles-downloads .container, .m-tiles-blogposts .container, .m-glossary .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  .l-module, .m-tiles-downloads, .m-tiles-blogposts, .m-teaser-text-media, .m-glossary {
    margin-top: 2.5rem !important;
    padding: 0 !important;
  }
  .l-module .l-module, .m-tiles-downloads .l-module, .l-module .m-tiles-downloads, .m-tiles-downloads .m-tiles-downloads, .m-tiles-blogposts .l-module, .m-tiles-blogposts .m-tiles-downloads, .l-module .m-tiles-blogposts, .m-tiles-downloads .m-tiles-blogposts, .m-tiles-blogposts .m-tiles-blogposts, .m-teaser-text-media .l-module, .m-teaser-text-media .m-tiles-downloads, .m-teaser-text-media .m-tiles-blogposts, .l-module .m-teaser-text-media, .m-tiles-downloads .m-teaser-text-media, .m-tiles-blogposts .m-teaser-text-media, .m-teaser-text-media .m-teaser-text-media, .m-glossary .l-module, .m-glossary .m-tiles-downloads, .m-glossary .m-tiles-blogposts, .m-glossary .m-teaser-text-media, .l-module .m-glossary, .m-tiles-downloads .m-glossary, .m-tiles-blogposts .m-glossary, .m-teaser-text-media .m-glossary, .m-glossary .m-glossary {
    margin-top: 0 !important;
  }
  section {
    color: var(--color-print);
  }
  html {
    font-size: var(--font-size-print) !important;
    line-height: var(--line-height-small) !important;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }
  caption, figcaption {
    padding-top: 0.25rem;
  }
  .ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button]), .ph-formfield textarea {
    background-color: var(--form-field-background-color) !important;
    box-shadow: inset 0 0 0 1px var(--form-field-border-color) !important;
    page-break-inside: avoid;
  }
  .ph-formfield__letters {
    padding-top: 1rem;
  }
  .ph-formfield__letter {
    display: block;
  }
  .ph-formfield__letter input {
    position: absolute !important;
  }
  .ph-button {
    background-color: var(--bg-color) !important;
    color: var(--color) !important;
    padding: 0.5rem 1rem !important;
  }
  .ph-button .svg-icon {
    --svg-fill-color: var(--color);
    --svg-stroke-color: var(--color);
  }
  :root {
    --svg-stroke-color: var(--color-print);
    --svg-stroke-width: 10px !important;
    --svg-fill-color: var(--color-print);
  }
  @page {
    margin: 1.75cm;
    orphans: 4;
    widows: 2;
  }
  * {
    color: black !important;
    box-shadow: none !important;
    box-sizing: border-box;
    position: relative !important;
    float: none !important;
    transition: none !important;
    background: transparent !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .mejs__offscreen {
    display: none;
  }
  .mejs__container {
    display: none;
  }
  .c-image {
    page-break-inside: avoid;
  }
  .c-image__thumbnail-icon {
    display: none !important;
  }
  .c-module-header, .m-tiles-downloads-title, .m-tiles-blogposts-title {
    break-after: avoid;
    margin-bottom: 1.5rem !important;
  }
  .c-page-browser__first span, .c-page-browser__last span, .c-page-browser__prev span, .c-page-browser__next span {
    display: none;
  }
  .c-page-browser__page--current {
    border: 0.063rem solid var(--color-print);
  }
  tbody td ul li:before, tobdy th ul li:before,
  .c-rte-content ul li:before {
    background-color: black;
  }
  queo-table {
    display: block !important;
  }
  queo-table:before, queo-table:after {
    content: none !important;
  }
  .c-table tr {
    page-break-inside: avoid;
  }
  .c-video video {
    display: none !important;
  }
  .c-video__wrapper[data-local-video-path*="www."]:after {
    content: attr(data-local-video-path);
    width: 100%;
  }
  .c-video__video-embed {
    align-items: flex-start !important;
  }
  .c-video__video-embed:after {
    content: "https://youtu.be/" attr(data-video-id) " ";
    padding-bottom: 0 !important;
    width: 100%;
  }
  .c-video__video-embed iframe {
    display: none !important;
  }
  .m-text-media .c-module-header, .m-text-media .m-tiles-blogposts-title, .m-text-media .m-tiles-downloads-title {
    max-width: none !important;
  }
  .m-text-media__wrapper {
    max-width: none !important;
  }
  .m-text-media__media {
    page-break-inside: avoid;
    padding-top: 0 !important;
    margin: 0 3rem 0.75rem !important;
  }
  .m-text-media__media--left {
    float: left !important;
    margin-left: 0 !important;
    max-width: calc(50% - 1.5rem) !important;
  }
  .m-text-media__media--right {
    float: right !important;
    margin-right: 0 !important;
    max-width: calc(50% - 1.5rem) !important;
  }
  .m-text-media__media--full {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .m-text-media__media--full:last-child:not(:only-child) {
    margin-top: 1rem !important;
    padding-bottom: 0.313rem;
  }
  .m-text-media__media .c-audio {
    max-width: none !important;
    width: 100% !important;
  }
  .m-text-media__text {
    max-width: none !important;
  }
  .m-text-media__text blockquote {
    background-color: var(--color-print-background);
    -webkit-print-color-adjust: exact;
    padding: 0 3rem !important;
  }
}

@media (min-width:calc(68.75rem + 5rem + 17px + 1px)) {
  .is-hidden-desktop {
    display: none !important;
  }
  .m-glossary .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-graphic-usecases > .l-wrapper, .m-tiles-downloads .m-graphic-usecases > .container, .m-tiles-blogposts .m-graphic-usecases > .container, .m-glossary .m-graphic-usecases > .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-teaser-text-media .l-wrapper, .m-teaser-text-media .m-tiles-downloads .container, .m-tiles-downloads .m-teaser-text-media .container, .m-teaser-text-media .m-tiles-blogposts .container, .m-tiles-blogposts .m-teaser-text-media .container, .m-teaser-text-media .m-glossary .container, .m-glossary .m-teaser-text-media .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-teaser-video > .l-wrapper, .m-tiles-downloads .m-teaser-video > .container, .m-tiles-blogposts .m-teaser-video > .container, .m-glossary .m-teaser-video > .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-tiles-blogposts .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-tiles-downloads .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-tiles-mediathek > .l-wrapper, .m-glossary .m-tiles-mediathek > .container, .m-tiles-blogposts .m-tiles-mediathek > .container, .m-tiles-downloads .m-tiles-mediathek > .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-tiles-usecases > .l-wrapper, .m-glossary .m-tiles-usecases > .container, .m-tiles-blogposts .m-tiles-usecases > .container, .m-tiles-downloads .m-tiles-usecases > .container {
    --wrapper-horizontal-padding: 0;
  }
  .m-header {
    display: flex;
    flex-flow: column nowrap;
  }
  .m-header__wrapper {
    outline: none;
  }
  .m-header__wrapper--bottom {
    --gap-contents: 3.5rem;
    --nav-gap: 2rem;
  }
  .m-header__wrapper--top {
    --gap-contents: 3rem;
    --padding-top-contents: 0.5rem;
    --nav-gap: 1rem;
    --text-decoration-color-hover: var(--color-white);
    --text-decoration-color-active: var(--color-white);
    background-image: linear-gradient(to right, var(--color-ci-secondary) 0%, var(--color-ci-secondary) 50%, var(--color-ci-primary) 50%, var(--color-ci-primary));
    color: var(--color-white);
    order: -1;
    overflow-y: hidden;
    z-index: 1;
  }
  .m-header__wrapper--top ul {
    transform: translateY(calc(-0.5 * var(--padding-top-contents)));
  }
  .m-header__wrapper--top li {
    align-items: center;
    display: flex;
  }
  .m-header__wrapper--top li:not(:first-child):not(:only-child):before {
    border-left: 0.063rem solid currentColor;
    content: "";
    height: 1em;
    padding-left: var(--nav-gap);
  }
  .m-header__wrapper--top .m-header__contents {
    align-items: stretch;
    background-color: var(--color-ci-primary);
    position: relative;
    z-index: 0;
  }
  .m-header__wrapper--top .m-header__contents:before {
    background-color: var(--color-white);
    content: "";
    flex-grow: 1;
  }
  .m-header__wrapper--top .m-header__contents:after {
    --size: 10rem;
    background-color: var(--color-white);
    bottom: 0;
    content: "";
    height: var(--size);
    left: -4rem;
    position: absolute;
    transform: rotate(37.5deg);
    transform-origin: bottom left;
    z-index: -1;
    width: var(--size);
  }
  .m-header__contents {
    align-items: center;
    display: flex;
    gap: var(--gap-contents);
    margin: 0 auto;
    max-width: var(--content-width);
    padding: var(--override-padding, 0 var(--wrapper-horizontal-padding));
  }
  .m-header__logo {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: var(--logo-width);
    padding: 1rem 0;
    width: 100%;
    z-index: 1;
  }
  .m-header__nav nav > ul {
    align-items: center;
    display: flex;
    gap: var(--nav-gap);
    list-style: none;
  }
  .m-header__nav--main {
    transform: translate(0, 0);
  }
  .m-header__nav--main nav > ul > li > [data-trigger] {
    --text-decoration-thickness: 0.125rem;
    display: inline-flex;
    font-size: 1.75rem;
    text-underline-offset: 0.438rem;
    transform: translateY(var(--nav-bottom-shift));
  }
  .m-header__nav--search {
    flex-grow: 1;
    margin-left: auto;
    transform: translateY(var(--nav-bottom-shift));
  }
  .m-header__nav--meta {
    margin-left: auto;
    padding-left: 2.5rem;
    padding-top: var(--padding-top-contents);
    position: relative;
  }
  .m-header__nav--meta:before {
    --size: 4rem;
    background-color: var(--color-white);
    bottom: 0;
    content: "";
    height: var(--size);
    position: absolute;
    right: 100%;
    transform: rotate(-35deg);
    transform-origin: bottom right;
    width: var(--size);
  }
  .m-header__nav--meta nav:before {
    background: var(--color-ci-primary);
    bottom: 0;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 5rem;
    z-index: -1;
  }
  .m-header__nav--lang {
    --nav-gap: 0.375rem;
    --text-decoration-color-active: transparent;
    padding-top: var(--padding-top-contents);
  }
  .m-header__nav {
    --layer-shift: 2.5rem * var(--header-offset-factor) + 0.5rem;
    --layer-width: calc(100% + var(--logo-width) + 2rem + var(--wrapper-horizontal-padding) * 2);
    --layer-shadow-spread: 0.25rem;
  }
  .m-header__nav--main {
    --gap: 2rem;
    --text-underline-offset: 0.313rem;
    display: flex;
    align-items: center;
    align-self: stretch;
  }
  .m-header__nav--main nav > ul > li > a {
    white-space: nowrap;
  }
  .m-header__nav--main nav > ul > li:after {
    background-color: var(--color-white);
    bottom: 0;
    content: "";
    height: var(--header-height);
    position: fixed;
    right: calc(-1 * var(--wrapper-horizontal-padding) + 2 * var(--layer-shadow-spread) + var(--layer-width) + 1.5rem);
    transform: translateX(100%);
    width: calc(var(--content-width) + 4 * var(--layer-shadow-spread));
    z-index: -1;
  }
  .m-header__nav-layer {
    --x-offset: calc(-1 * var(--wrapper-horizontal-padding));
    --col-gap-content-menu: 4rem;
    background-color: var(--color-white);
    bottom: 0;
    max-width: calc(100 * var(--vpw));
    position: fixed;
    transform: translate(var(--x-offset), calc(-2rem - var(--layer-shift)));
    transition: transform var(--transition-duration-header-layer), visibility 0s var(--transition-duration-header-layer);
    visibility: hidden;
    z-index: -2;
  }
  .m-header__nav-layer:not(.m-header__nav-layer--wide) {
    min-width: max-content;
  }
  .m-header__nav-layer:before {
    content: "";
    height: calc(100 * var(--vph));
    left: 50%;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: calc(100 * var(--vpw));
    z-index: -1;
  }
  .m-header__nav-layer-wrapper {
    --wrapper-vertical-padding: 2rem;
    --wrapper-overflow-space: 1rem;
    background-color: var(--color-white);
    border-bottom: var(--wrapper-vertical-padding) solid transparent;
    border-top: var(--wrapper-vertical-padding) solid transparent;
    clip-path: polygon(-1rem 0, calc(100% + 1rem) 0, calc(100% + 1rem) calc(100% + 1rem), -1rem calc(100% + 1rem));
    display: flex;
    filter: drop-shadow(0 0 var(--layer-shadow-spread) rgba(14, 14, 14, 0.5));
    gap: 2rem var(--col-gap-content-menu);
    margin: 0 auto calc(-1 * var(--wrapper-overflow-space));
    max-height: calc(100 * var(--vph) - var(--header-height) - var(--gutter) + var(--layer-shift));
    max-width: var(--content-width);
    overflow-y: auto;
    padding: 0 var(--wrapper-horizontal-padding) var(--wrapper-overflow-space);
    overscroll-behavior: none;
  }
  .is-open + .m-header__nav-layer {
    transform: translate(var(--x-offset), 100%);
    transition: transform var(--transition-duration-header-layer);
    visibility: visible;
    z-index: -1;
  }
  .m-header__nav-layer--wide {
    --margin-top: 0.25rem;
    --x-offset: calc(100% - 1.5rem);
    right: calc(-1 * var(--wrapper-horizontal-padding) + var(--layer-width));
    width: var(--content-width);
  }
  .m-header__nav-layer--wide .m-header__nav-columns {
    column-count: 4;
    column-gap: 2rem;
    column-rule: 0.063rem solid var(--color-grey-light);
    height: 100%;
    width: 100%;
  }
  .m-header__nav-layer--wide .m-header__nav-columns-content {
    --margin-top: 0.5rem;
    break-inside: avoid;
  }
  .m-header__nav-layer--wide .m-header__nav-columns-content:not(:first-child) {
    margin-top: 2rem;
  }
  .m-header__nav-columns {
    line-height: 1.2;
  }
  .m-header__nav-columns-content:not(:first-child) {
    margin-top: 0.5rem;
  }
  .m-header queo-nav {
    display: none;
  }
  .m-header__nav--meta .ph-button {
    padding-block: 0;
  }
  .m-header__nav--meta .ph-button:after {
    box-shadow: inset 0 0 0 0.063rem var(--color-white);
  }
  .equipment-cloud .m-header .m-header__logo {
    padding-bottom: 0;
    padding-top: 0.6rem;
  }
  .equipment-cloud .m-header .m-header__logo a {
    transform: translateY(0);
  }
  .equipment-cloud .m-header .m-header__nav--main nav > ul > li > [data-trigger] {
    font-size: 1.25rem;
  }
  .m-teaser-image-text-single .ph-buttons {
    --ph-buttons-gap: 0.5rem;
    --ph-buttons-direction: column;
    --ph-buttons-wrap: nowrap;
  }
}

@media (min-width:calc(57.4375rem + 1px)) and (max-width:calc(68.75rem + 5rem + 17px)) {
  .is-hidden-laptop {
    display: none !important;
  }
}

@media (min-width:calc(37.4375rem + 1px)) and (max-width:57.4375rem) {
  .is-hidden-tablet {
    display: none !important;
  }
}

@media (hover: hover) {
  .link:hover {
    color: var(--color-link-hover);
    text-decoration-color: var(--text-decoration-color, currentColor);
  }
  .link:hover:visited {
    color: var(--color-link-hover);
  }
  a.link-download:hover,
  a.link-locked:hover {
    color: var(--color-link-hover);
    text-decoration-color: var(--text-decoration-color, currentColor);
  }
  a.link-download:hover:visited,
  a.link-locked:hover:visited {
    color: var(--color-link-hover);
  }
  queo-select option:hover {
    background-color: var(--option-hover-color-bg);
    color: var(--option-hover-color);
  }
  queo-suggest::part(option):hover {
    --suggestion-color-bg: var(--suggestion-color-bg-hover);
    --suggestion-color: var(--suggestion-color-hover);
  }
  .ph-formfield__checkboxes input:not([disabled]) + div label:hover,
  .ph-formfield__checkboxes input:not([disabled]) + label:hover, .ph-formfield__radios input:not([disabled]) + div label:hover,
  .ph-formfield__radios input:not([disabled]) + label:hover {
    --control-border-color: currentColor;
  }
  .ph-formfield__clone-add:hover {
    color: var(--color-ci-secondary);
  }
  .ph-formfield__clone-remove:hover {
    color: var(--color-ci-secondary);
  }
  .ph-button:not([disabled]):hover {
    --color: var(--x-hover-color);
    --bg-color: var(--x-hover-bg-color);
    --border-color: var(--x-hover-border-color);
  }
  .ph-button--image:hover {
    --scale: 1.05;
  }
  .c-audio__popover-wrapper queo-popover[data-icon=copyright]:hover:before {
    --popover-icon-bg-color: var(--color-font-main);
  }
  .c-image__wrapper .c-image__thumbnail-icon {
    background-color: var(--color-ci-secondary);
  }
  .c-image__wrapper .c-image__thumbnail-icon .svg-icon {
    --svg-stroke-color: var(--color-white);
  }
  .c-page-browser__first:hover, .c-page-browser__last:hover, .c-page-browser__prev:hover, .c-page-browser__next:hover {
    background-color: var(--color-ci-primary);
    color: var(--color-white);
  }
  .c-page-browser__page:hover {
    background-color: var(--color-ci-primary);
    color: var(--color-white);
  }
  queo-popover[data-icon=copyright]:hover:before {
    --popover-icon-bg-color: var(--color-white);
  }
  .m-tiles-blogposts-tile-inner {
    transition: box-shadow var(--transition-duration-short);
  }
  .m-tiles-downloads-tile-inner {
    transition: box-shadow var(--transition-duration-short);
  }
  .m-tiles-mediathek-tile-inner:hover {
    box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.25);
  }
  .m-tiles-mediathek-tile a.link-download, .m-tiles-mediathek-tile a.link-locked {
    transition: text-decoration var(--transition-duration-short);
  }
  .m-tiles-mediathek-tile a.link-download:before, .m-tiles-mediathek-tile a.link-locked:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .m-tiles-mediathek-tile a.link-download:hover, .m-tiles-mediathek-tile a.link-locked:hover {
    --text-decoration-color: currentColor;
  }
  .m-tiles-usecases-tile {
    transition: margin var(--transition-duration-short);
  }
  .m-tiles-usecases-tile-inner {
    transition: background-color var(--transition-duration-short), box-shadow var(--transition-duration-short), color var(--transition-duration-short), padding var(--transition-duration-short);
  }
  .m-tiles-usecases-tile-image {
    transition: transform var(--transition-duration-short);
  }
  .m-tiles-usecases-tile h4 {
    transition: opacity var(--transition-duration-short);
  }
  .m-tiles-usecases-tile:hover {
    margin-bottom: 0;
  }
  .m-tiles-usecases-tile:hover .m-tiles-usecases-tile-inner {
    background-color: var(--color-ci-primary);
    box-shadow: 0 0 0.125rem 0 rgba(0, 0, 0, 0.25);
    color: var(--color-white);
    padding-top: 5rem;
  }
  .m-tiles-usecases-tile:hover .m-tiles-usecases-tile-image {
    transform: scale(1.25) translateY(-1rem);
  }
  .m-tiles-usecases-tile:hover h4 {
    opacity: 1;
  }
  .m-accordion__label:hover {
    --accordion-icon-bg-color: var(--color-ci-primary) ;
  }
  .m-breadcrumb {
    --scrub-wrap: normal;
    --list-wrap: wrap;
  }
  .m-breadcrumb li:first-child a {
    position: relative;
  }
  .m-breadcrumb li:first-child a:after {
    background-color: var(--text-decoration-color);
    background-clip: content-box;
    bottom: calc(-1 * var(--text-underline-offset));
    content: "";
    height: var(--text-decoration-thickness);
    left: 0;
    padding: 0 0.125em;
    position: absolute;
    right: 0;
    transform: translateY(-0.063em);
  }
  .m-breadcrumb a {
    --text-decoration-color: transparent;
    --text-decoration-thickness: 0.063em;
    --text-underline-offset: 0.125em;
    text-decoration: var(--text-decoration, underline);
    text-decoration-color: var(--text-decoration-color);
    text-decoration-thickness: var(--text-decoration-thickness);
    text-underline-offset: var(--text-underline-offset);
    transition: text-decoration-color var(--transition-duration-short);
  }
  .m-breadcrumb a:hover {
    --text-decoration-color: currentColor;
  }
  .m-content-nav__item a:hover {
    text-decoration-color: var(--color-grey-light);
  }
  .m-footer a:hover {
    --color-border: var(--text-decoration-color-hover);
    --scale-icon: 1.2;
    cursor: pointer;
  }
  .m-header a:hover {
    --color-border: var(--text-decoration-color-hover);
    cursor: pointer;
  }
  .m-header__search button:hover {
    background-color: var(--color-ci-primary);
    color: var(--color-white);
  }
  .m-list-link {
    --color-border: transparent;
    --text-decoration-thickness: 0.125rem;
    --text-underline-offset: 0.25rem;
  }
  .m-list-link__headline {
    text-decoration: underline;
    text-decoration-color: var(--color-border, transparent);
    text-decoration-thickness: var(--text-decoration-thickness);
    text-underline-offset: var(--text-underline-offset);
    transition: color var(--transition-duration-short), text-decoration-color var(--transition-duration-short);
  }
  .m-list-link a.m-list-link__content:hover {
    --color-border: currentColor;
  }
  .m-mautic-form .mauticform-button:not([disabled]):hover {
    --x-color: var(--mf-btn-color-hover);
    --x-bg-color: var(--mf-btn-bg-color-hover);
    --x-border-color: var(--mf-btn-border-color-hover);
  }
  .m-mautic-form .mauticform_wrapper a:not(.btn):hover {
    --override-text-decoartion-color: currentColor;
  }
  .m-page-header__content-meta {
    --text-decoration-color: transparent;
    --text-decoration-thickness: 0.063em;
    --text-underline-offset: 0.125em;
  }
  .m-page-header__content-meta a {
    text-decoration: var(--text-decoration, underline);
    text-decoration-color: var(--text-decoration-color);
    text-decoration-thickness: var(--text-decoration-thickness);
    text-underline-offset: var(--text-underline-offset);
    transition: text-decoration-color var(--transition-duration-short);
  }
  .m-page-header__content-meta a:hover {
    --text-decoration-color: currentColor;
  }
  .m-page-header__content-social a:hover .a-icon {
    --social-icon-border-color: var(--social-icon-border-color-hover);
    --social-icon-opacity: 0;
    background-color: var(--social-icon-bg-color-hover, transparent);
    color: var(--social-icon-color-hover, currentColor);
  }
  a .m-queo-filter__item {
    color: var(--hover-color, currentColor);
  }
  a .m-queo-filter__item:hover {
    --svg-stroke-color: currentColor;
    --text-decoration-color: currentColor;
  }
  .m-queo-filter.l-module--tiles-bg a:hover .m-queo-filter__item {
    --bg-color: var(--color-ci-primary);
    --text-decoration-color: transparent;
    color: var(--color-white);
  }
  .m-queo-filter queo-paginator::part(trigger):hover {
    --x-color: var(--color-hover);
    --x-color-bg: var(--color-bg-hover);
  }
  .m-queo-filter queo-paginator::part(page):hover {
    --x-color: var(--color-hover);
    --x-color-bg: var(--color-bg-hover);
  }
  a:hover .m-search-list__item {
    --svg-stroke-color: currentColor;
    --text-decoration-color: currentColor;
  }
  .m-teaser-image-text-single__column-content {
    --text-decoration-color: transparent;
  }
  .m-teaser-image-text-single__column-content a {
    text-decoration: var(--text-decoration, underline);
    text-decoration-color: var(--text-decoration-color);
    text-decoration-thickness: var(--text-decoration-thickness);
    text-underline-offset: var(--text-underline-offset);
    transition: text-decoration-color var(--transition-duration-short);
  }
  .m-teaser-image-text-single__column-content a:hover {
    --text-decoration-color: currentColor;
  }
  .m-teaser-image-text-single a:hover {
    --svg-stroke-color: currentColor;
  }
  .m-teaser-image-text.l-module--tiles-bg a .m-teaser-image-text__item:hover {
    --color-meta: currentColor;
    --hover-color: var(--color-white);
    --bg-color: var(--color-ci-primary);
  }
  a .m-teaser-image-text__item {
    color: var(--hover-color, currentColor);
  }
  a .m-teaser-image-text__item:hover {
    --svg-stroke-color: currentColor;
    --text-decoration-color: currentColor;
  }
  .m-teaser-image-text__bottom-link {
    --text-decoration-thickness: 0.125rem;
    --text-underline-offset: 0.438rem;
    text-decoration: var(--text-decoration, underline);
    text-decoration-color: transparent;
    text-decoration-thickness: var(--text-decoration-thickness);
    text-underline-offset: var(--text-underline-offset);
    transition: text-decoration-color var(--transition-duration-short);
  }
  .m-teaser-image-text__bottom-link:hover {
    text-decoration-color: currentColor;
  }
  .m-teaser-list.l-module--bg.bg-color-2 .ph-button:hover {
    --x-color: var(--color-blue-medium);
    --x-bg-color: var(--color-white);
    --x-border-color: var(--color-white);
  }
  .m-teaser-list.l-module--bg.bg-color-3 .ph-button:hover {
    --x-color: var(--color-ci-primary);
    --x-bg-color: var(--color-white);
    --x-border-color: var(--color-ci-primary);
  }
  .m-teaser-list.l-module--bg.bg-color-4 .ph-button:hover {
    --x-color: var(--color-ci-secondary);
    --x-bg-color: var(--color-white);
    --x-border-color: var(--color-white);
  }
  .m-teaser-list.l-module--bg .ph-button:hover {
    --x-color: var(--color-ci-primary);
    --x-bg-color: var(--color-white);
    --x-border-color: var(--color-white);
  }
}

@media (max-width: 400px) {
  queo-popover .c-popover {
    max-width: calc(100vw - var(--icon-size) - 0.5 * var(--wrapper-horizontal-padding) - 0.5 * var(--popover-spacing));
  }
}

@media (min-width:calc(57.4375rem + 1px)) {
  .c-table {
    width: var(--text-max-width) !important;
  }
  .m-contacts__item {
    background-color: var(--color-ci-primary-light);
    padding: 1rem;
  }
  .m-contacts .m-contact {
    --image-max-width: none !important;
  }
  .m-contacts .m-contact__wrapper {
    display: grid;
    gap: 0 var(--spacing-image-text);
    grid-template-areas: "image heading" "links links";
    grid-template-columns: 20% auto;
  }
  .m-contacts .m-contact__content, .m-contacts .m-contact__content-wrapper {
    display: contents;
  }
  .m-contacts .m-contact__content:first-child {
    --no-image-offset: calc(-20% - 3.5rem);
  }
  .m-contacts .m-contact .c-image {
    grid-area: image;
  }
  .m-contacts .m-contact__heading {
    align-self: center;
    display: block;
    grid-area: heading;
    margin-left: var(--no-image-offset, 0);
  }
  .m-contacts .m-contact__links {
    grid-area: links;
  }
  .m-contacts__item {
    max-width: none;
  }
  .m-contacts .m-contact__wrapper {
    grid-template-areas: "image heading" "image links";
  }
  .m-footer--condensed .m-footer__wrapper {
    display: grid;
    gap: 0 var(--gap);
    grid-template-areas: "logo logo" "nav meta" "copy copy";
  }
  .m-footer--condensed .m-footer__row--logo {
    grid-area: logo;
  }
  .m-footer--condensed .m-footer__row--nav {
    grid-area: nav;
  }
  .m-footer--condensed .m-footer__row--nav .m-footer__columns {
    flex-wrap: nowrap;
  }
  .m-footer--condensed .m-footer__row--nav .m-footer__column {
    max-width: 50%;
    width: fit-content;
  }
  .m-footer--condensed .m-footer__row--meta {
    grid-area: meta;
  }
  .m-footer--condensed .m-footer__row--meta .m-footer__column {
    margin-left: auto;
  }
  .m-footer--condensed .m-footer__row--copy {
    grid-area: copy;
  }
  .m-page-header {
    --shadow-spread: 0.125rem;
    margin-bottom: calc(-1 * var(--shadow-spread));
  }
  .m-page-header:before {
    bottom: var(--shadow-spread);
    box-shadow: 0 0 var(--shadow-spread) rgba(14, 14, 14, 0.4);
    content: "";
    pointer-events: none;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .m-page-header:after {
    background-color: var(--color-white);
    content: "";
    display: block;
    height: var(--shadow-spread);
    position: relative;
    z-index: 0;
  }
  .m-slider .m-page-header {
    margin-bottom: 0;
  }
  .m-slider .m-page-header:after {
    top: calc(-1 * var(--shadow-spread));
  }
  .m-timeline__list > li:nth-child(2) {
    grid-row: 2/4;
  }
}

@media (max-width:37.4375rem) and (hover: hover) {
  .m-tiles-usecases-tile:hover {
    margin-bottom: 1.25rem;
  }
  .m-tiles-usecases-tile:hover .m-tiles-usecases-tile-inner {
    margin-top: -6.25rem;
    padding-top: 3.5rem;
  }
  .m-tiles-usecases-tile:hover .m-tiles-usecases-tile-image {
    transform: scale(1.125) translateY(-1rem);
  }
}

@media (min-width: 120.063rem) {
  .m-hero__content .l-wrapper, .m-hero__content .m-glossary .container, .m-glossary .m-hero__content .container, .m-hero__content .m-tiles-blogposts .container, .m-tiles-blogposts .m-hero__content .container, .m-hero__content .m-tiles-downloads .container, .m-tiles-downloads .m-hero__content .container {
    margin-right: calc(var(--content-page-width) * 0.5 - var(--content-width) * 0.5);
  }
  .m-hero__image {
    right: calc(var(--content-page-width) * 0.5 - var(--content-width) * 0.5 - var(--bg-shift));
  }
  .m-page-header__content .l-wrapper, .m-page-header__content .m-glossary .container, .m-glossary .m-page-header__content .container, .m-page-header__content .m-tiles-blogposts .container, .m-tiles-blogposts .m-page-header__content .container, .m-page-header__content .m-tiles-downloads .container, .m-tiles-downloads .m-page-header__content .container {
    margin-right: calc(var(--content-page-width) * 0.5 - var(--content-width) * 0.5);
  }
}

@media (max-width:57.4375rem) and (hover: hover) {
  .equipment-cloud .m-hero .m-hero__wrapper .ph-button--teaser:hover {
    --border-color: var(--color-white);
  }
}

@media (max-width: 108.75rem) {
  .m-slider__nav {
    --slider-nav-size: 0.875rem;
    --slider-nav-offset-y: 0;
    --slider-nav-padding: 0;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-top: 0.875rem;
  }
  .m-slider__nav-control {
    --override-offset-x: 0;
    padding: 0.313rem;
    position: static;
  }
}

@media (min-width:calc(37.4375rem + 1px)) and (hover: hover) {
  .m-tabs__trigger:not(.is-open):hover {
    --override-tab-bg-color: var(--tab-border-color-active);
  }
}
/*# sourceMappingURL=screen.css.map */