/* cmsms stylesheet: Normalize modified: Saturday, March 21, 2026 2:21:38 PM */
@-ms-viewport {
  width: device-width;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main, summary {
  display: block;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(14, 16, 25, 0);
}

body {
  font-family: sans-serif;
  text-align: left;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
}

pre {
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
}

b,
strong {
  font-weight: 700;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

em {
  font-style: italic;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
[type="reset"],
[type="submit"],
[type="button"] {
  -webkit-appearance: button;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="file"]::file-selector-button {
  display: none;
}

::-webkit-input-placeholder {
  color: inherit;
}

:-moz-placeholder {
  color: inherit;
  opacity: 1;
}

::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::placeholder {
  color: inherit;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

fieldset {
  min-width: 0;
}

legend {
  max-width: 100%;
  white-space: normal;
  color: inherit;
  display: block;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}
/* cmsms stylesheet: Psychology modified: Saturday, March 28, 2026 8:05:12 PM */
@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 200;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-200.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 200;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-200-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-300.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 300;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-300-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-600.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 600;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-600-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-700.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 700;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-700-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 800;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-800.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 800;
  src: url("https://dziedzic.info/uploads/fonts/dm-sans-800-italic.woff2") format("woff2");
}

@font-face {
  font-display: block;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  src: url("https://dziedzic.info/uploads/fonts/icons.woff") format("woff");
}

:root {
  ---rem: 100px;

  ---animation-duration: 0.2s;
  ---animation-timing-function: linear;

  ---color-main: 144, 202, 246;
  ---color-main-rgb: rgb( 144, 202, 246 );

  ---color-main-: 12, 152, 254;
  ---color-main-rgb-: rgb( 12, 152, 254 );

  ---color-background: 231, 235, 240;
  ---color-background-rgb: rgb( 231, 235, 240 );

  ---color-sub: 218, 176, 26;
  ---color-sub-rgb: rgb( 218, 176, 26 );

  ---color-success: 92, 217, 120;
  ---color-success-rgb: rgb( 92, 217, 120 );

  ---color-error: 255, 0, 0;
  ---color-error-rgb: rgb( 255, 0, 0 );

  ---color-warning: 218, 176, 26;
  ---color-warning-rgb: rgb( 218, 176, 26 );

  ---color-font: 119, 131, 146;
  ---color-font-rgb: rgb( 119, 131, 146 );

  ---color-font-: 6, 16, 17;
  ---color-font-rgb-: rgb( 6, 16, 17 );

  ---color-border: 200, 209, 210;
  ---color-border-rgb: rgb( 200, 209, 210 );

  ---color-first: 255, 255, 255;
  ---color-first-rgb: rgb( 255, 255, 255 );

  ---color-first-: 6, 16, 17;
  ---color-first-rgb-: rgb( 6, 16, 17 );

  ---container: calc( 14.40 * var(---rem) );

  ---padding: calc( ( 100vw - var(---container) ) / 2 );
  ---padding-: calc( var(---padding) * -1 );

  ---grid: 100px;
  ---grid-: -100px;

  ---margin: 2em;

  ---font: "DM Sans", Verdana, Arial, Helvetica, sans-serif;
}

html {
  height: 100%;
}

body {
  background: rgb( var(---color-first) );
  color: rgb( var(---color-font-) );
  font-size: calc( 0.20 * var(---rem) );
  font-family: var(---font);
  letter-spacing: 0.012em;
  line-height: 1.5em;
  word-spacing: 0.016em;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}

[class^="icon"]:before,
[class^="icon"]:after, 
[class*=" icon"]:before,
[class*=" icon"]:after {
  font-family: "Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check:before,
.icon-check:after {
  content: "\e903";
}

.icon-phone:before,
.icon-phone:after {
  content: "\e907";
}

.icon-right:before,
.icon-right:after {
  content: "\e901";
}

.icon-left:before,
.icon-left:after {
  content: "\e902";
}

.icon-facebook:before,
.icon-facebook:after {
  content: "\e90a";
}

.icon-instagram:before,
.icon-instagram:after {
  content: "\e90b";
}

.icon-linkedin:before,
.icon-linkedin:after {
  content: "\e90c";
}

.icon-youtube:before,
.icon-youtube:after {
  content: "\e904";
}

.icon-telegram:before,
.icon-telegram:after {
  content: "\e90d";
}

.icon-x:before,
.icon-x:after {
  content: "\e90e";
}

.icon-logo:before,
.icon-logo:after {
  content: "\e900";
}

.icon-more:before,
.icon-more:after {
  content: "\e905";
}

.icon-arrow:before,
.icon-arrow:after {
  content: "\e906";
}

.content {
  color: rgb( var(---color-font-) );
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5em;
}

.content a:not([class^="button"]):not([class*=" button"]) {
  color: rgb( var(---color-font-) );
}

.content a:not([class^="button"]):not([class*=" button"]):hover,
.content a:not([class^="button"]):not([class*=" button"]):focus {
  color: rgb( var(---color-main-) );
}

.content div, .content address, .content article,
.content aside, .content blockquote, .content blockquote q, .content details,
.content dialog, .content fieldset, .content figcaption,
.content figure, .content footer, .content form, .content h1, .content h2,
.content h3, .content h4, .content h5, .content h6,
.content header, .content hgroup, .content hr,
.content main, .content nav, .content p, .content pre,
.content section, .content table, .content ul, .content ol,
.content img {
  margin-bottom: var(---margin);
}

.content div:last-child, .content address:last-child, .content article:last-child,
.content aside:last-child, .content blockquote:last-child, .content blockquote q:last-child, .content details:last-child, .content dialog:last-child,
.content fieldset:last-child, .content figcaption:last-child, .content figure:last-child,
.content footer:last-child, .content form:last-child, .content h1:last-child, .content h2:last-child,
.content h3:last-child, .content h4:last-child, .content h5:last-child, .content h6:last-child,
.content header:last-child, .content hgroup:last-child, .content hr:last-child,
.content main:last-child, .content nav:last-child, .content p:last-child, .content pre:last-child,
.content section:last-child, .content table:last-child, .content ul:last-child, .content ol:last-child,
.content img:last-child {
  margin-bottom: 0;
}

.content h1 {
  font-size: 2.4em;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

.content h2 {
  font-size: 2em;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}

.content h3 {
  font-size: 1.6em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.content h4 {
  font-size: 1.3em;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}

.content h5 {
  font-size: 1.1em;
  margin-top: 1.4em;
  margin-bottom: 0.4em;
}

.content h6 {
  font-size: 1em;
  margin-top: 1.6em;
  margin-bottom: 0.4em;
}

.content h1, .content h2, .content h3,
.content h4, .content h5, .content h6 {
  font-weight: 200;
  line-height: 1.25;
}

.content h1:first-child, .content h2:first-child, .content h3:first-child,
.content h4:first-child, .content h5:first-child, .content h6:first-child {
  margin-top: 0;
}

.content h1 b, .content h2 b, .content h3 b,
.content h4 b, .content h5 b, .content h6 b {
  display: block;
  font-size: 2.5em;
  line-height: 0.9;
}

.content ul, .content ol {
  margin-top: 2em;
  margin-bottom: 2em;
  padding-left: 2em;
}

.content ul li:before {
  background: rgb( var(---color-font-) );
  border-radius: 100%;
  content: "";
  display: inline-flex;
  height: 0.25em;
  margin: 0 0.75em 0 -1em;
  transform: translate(0, -50%);
  vertical-align: middle;
  width: 0.25em;
}

.content ol {
  list-style-type: decimal;
}

.content li:not(:last-child) {
  margin-bottom: 1em;
}

.content dl {
  display: grid;
  gap: 0.4em;
  grid-template-columns: 3fr 5fr;
}

.content dt {
  grid-column: 1;
}

.content dd {
  color: rgb( var(---color-font) );
  font-size: 0.8em;
  grid-column: 2;
}

.content blockquote {
  border: 1px solid rgb( var(---color-background) );
  border-radius: 1em;
  margin: calc( 2 * var(---margin) ) 0;
  padding: 3em 2em;
  position: relative;
}

.content blockquote:before,
.content blockquote:after {
  color: rgb( var(---color-background) );
  content: "\201d";
  font-family: "Impact", Charcoal, sans-serif;
  font-size: 12em;
  line-height: 0;
  position: absolute;
  pointer-events: none;
}

.content blockquote:before {
  left: 0.2em;
  top: 0.3em;
}

.content blockquote:after {
  bottom: -0.3em;
  right: 0.2em;
}

.content blockquote:first-child {
  margin-top: 0;
}

.content blockquote q {
  display: inline-block;
}

.table {
  overflow: auto;
}

.content table,
table.content {
  border-collapse: collapse;
  overflow: hidden;
  width: 100%;
}

.content caption {
  font-size: 0.8em;
  margin: 1em 0 0 0;
  padding: 0 2em;
  text-align: left;
}

.content tr {
  border-top: 1px solid rgb( var(---color-border) );
  position: relative;
}

.content :not(tfoot) tr:first-child {
  border: none;
}

.content tr:first-child:after {
  background: rgb( var(---color-background) );
  border-radius: 1.5em;
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.content tfoot tr,
.content thead + tbody tr,
.content thead + tbody tr:first-child {
  font-size: 0.8em;
  font-weight: unset;
}

.content tfoot tr:after,
.content thead + tbody tr:after,
.content thead + tbody tr:first-child:after {
  display: none;
}

.content th,
.content td {
  padding: 0.8em 1.6em ;
  position: relative;
}

.content th:not(:first-child):before,
.content td:not(:first-child):before {
  border-left: 1px solid rgb( var(---color-border) );
  bottom: 0.75em;
  content: "";
  left: 0;
  position: absolute;
  top: 0.75em;
}

.container {
  padding-left: max( var(---padding), var(---grid) );
  padding-right: max( var(---padding), var(---grid) );
}

[class^="button"],
[class*=" button"] {
  background: rgb( var(---color-main-) );
  border: none;
  border-radius: 2em;
  box-sizing: border-box;
  color: rgb( var(---color-first) );
  cursor: pointer;
  display: inline-flex;
  font-weight: 500;
  font-size: 0.8em;
  justify-content: center;
  line-height: 1.5;
  padding: 1em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background var(---animation-duration) var(---animation-timing-function),
              border var(---animation-duration) var(---animation-timing-function),
              color var(---animation-duration) var(---animation-timing-function);
}

[class^="button"]:hover,
[class^="button"]:focus,
[class*=" button"]:hover,
[class*=" button"]:focus {
  background: rgb( var(---color-first-) );
}

[class^="button"][class^="icon"],
[class^="button"][class*=" icon"],
[class*=" button"][class^="icon"],
[class*=" button"][class*=" icon"] {
  align-items: center;
  display: inline-flex;
  gap: 1.5em;
}

.button-link {
  background: rgb( var(---color-background) );
  color: rgb( var(---color-font-) );
  padding: 0.5em 1em;
  margin: 0 0.5em 0.5em 0;
}

.button-link:hover,
.button-link:focus {
  color: rgb( var(---color-font-) );
  background: rgb( var(---color-main) );
}

.button.icon-phone {
  gap: 1em;
}

.button.icon-phone:after {
  display: none;
}

.img {
  border-radius: 4em 0 0 0;
}

.heading {
  font-size: 3.2em;
  font-weight: 200;
  letter-spacing: -0.04em;
  line-height: 1.25;
}

.heading[data-sup]:before {
  color: rgb( var(---color-font) );
  content: attr(data-sup);
  display: block;
  font-size: 0.3125em;
  font-weight: 300;
  letter-spacing: 0.14em;
  line-height: 1.5;
  margin: 0 0 1em;
  order: -1;
  text-transform: uppercase;
}

.headline {
  font-size: 2.4em;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.25em;
}

.component-parallax {
  position: relative;
  z-index: 0;
}

.component-parallax .parallax-img {
  object-fit: cover;
  inset: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.component-address {
  ---margin: 1.5em;
}

.component-address .strong {
  display: block;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 3em;
  text-transform: uppercase;
}

.sticky {
  position: sticky;
  top: calc( 1.60 * var(---rem) );
}

.module {
  margin-bottom: var(---grid);
}

.module ~ .module {
  margin-top: var(---grid);
}

.module-linear,
.module-background {
  background: linear-gradient(90deg, #FFFFFF -0.57%, #D0D8E2 47.8%, #E7EBF0 81.87%);
  padding-top: var(---grid);
  padding-bottom: var(---grid);
}

.module-background {
  background: rgb( var(---color-background) );
}

.module ~ .module-linear,
.module-linear ~ .module-linear,
.module ~ .module-background,
.module-background ~ .module-background {
  padding-top: var(---grid);
}

.module-linear + .module-linear {
  margin-top: 0;
  padding-top: 0;
}

.module-background + .module-background {
  margin-top: var(---grid-);
  padding-top: 0;
}

.module-linear + .module{
  margin-top: 0;
}

main h2 + .module-top {
  padding-top: calc( 0.5 * var(---grid) );
}

.module-layout {
  container: layout;
}

.module-layout .layout-container {
  --rem: var(---rem, 100px);

  display: flex;
  flex-flow: row nowrap;
  gap: var(---grid); 
}

.module-layout .layout-content {
  max-width: 45em;
}

.module-layout .layout-content:only-child {
  margin: 0 auto;
}

.module-layout .layout-max {
  max-width: unset;
}

.module-layout .layout-content img {
  border-radius: 1em 0 1em 1em;
}

.module-layout .content {
  flex: 1;
}

.module-layout .auto {
  flex: 0 auto;
}

.module-layout img {
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 100em) { /*1600px*/
  :root {
    ---grid: calc( 0.8 * var(---rem) );
    ---grid-: calc( -1 * var(---grid) );
  }

  body {
    font-size: calc( 0.18 * var(---rem) );
  }
}

@media only screen and (max-width: 75em) { /*1200px*/
  :root {
    ---grid: calc( 0.6 * var(---rem) );
    ---grid-: calc( -1 * var(---grid) );
  }

  body {
    font-size: calc( 0.16 * var(---rem) );
  }

  .container {
    padding-left: calc( 0.5 * var(---grid) );
    padding-right: calc( 0.5 * var(---grid) );
  }
}

@media only screen and (max-width: 64em) {
  :root {
    ---grid: 3em;
    ---grid-: -3em;
  }

  body {
    font-size: calc( 0.20 * var(---rem) );
  }

  .content h1 {
    font-size: 1.8em;
    overflow-wrap: anywhere;
  }

  .content h2 {
    font-size: 1.6em;
    overflow-wrap: anywhere;
  }

  .content h3 {
    font-size: 1.4em;
    overflow-wrap: anywhere;
  }

  .content h4 {
    font-size: 1.2em;
    overflow-wrap: anywhere;
  }

  .content h5 {
    font-size: 1.1em;
    overflow-wrap: anywhere;
  }

  .content h6 {
    font-size: 1em;
    overflow-wrap: anywhere;
  }

  .heading {
    font-size: 2.4em;
    overflow-wrap: anywhere;
  }

  .headline {
    font-size: 1.8em;
    overflow-wrap: anywhere;
  }

  .component-address .strong {
    margin-bottom: 1em;
  }

  .module-layout .layout-container {
    flex-flow: column;
  }

  .sticky {
    transform: unset;
  }
}

@media only screen and (max-width: 30em) {
  body {
    font-size: calc( 0.18 * var(---rem) );
  }
}

@media only screen and (max-width: 24em) {
  body {
    font-size: calc( 0.16 * var(---rem) );
  }
}

@page {
  size: 219mm 306mm;
  margin: 0 !important;
  padding: 0 !important;
}

.page {
  background: linear-gradient(#c7d0db, #fff 10%, #fff 90%, #c7d0db);
  box-sizing: border-box;
  height: 306mm !important;
  margin: 20px auto;
  overflow: hidden;
  page-break-inside: avoid;
  padding: 12mm !important;
  position: relative;
  width: 219mm !important;
}

.page > :first-child {
  margin-top: 0;
}

.page .page-logo {
  max-width: 68mm;
}

.page .page-number {
  font-size: 10pt;
  word-spacing: -1pt;
  text-align: right;
}

.page.content {
  font-size: 12pt;
}

.page.content h1 {
  font-size: 24pt;
  font-weight: bold;
  margin-bottom: 36pt;
}

.page.content h2 {
  font-size: 18pt;
  font-weight: bold;
  margin-bottom: 27pt;
}

.page.content h3, 
.page.content h4, 
.page.content h5, 
.page.content h6 {
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 18pt;
}

.page .page-footer {
  align-items: center;
  bottom: 0;
  display: flex;
  font-size: 10pt;
  gap: 12mm;
  left: 12mm;
  position: absolute;
  right: 12mm;
}

.page .page-footer div {
  margin: 0 0 8mm;
}

.page .page-footer:after {
  background: rgb( var(---color-main-) );
  content: "";
  height: 76pt;
  margin: 0 0 0 auto;
  order: 1;
  width: 2pt;
}

.page .page-footer :last-child {
  color: rgb( var(---color-main-) );
  font-weight: 700;
  order: 2;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    width: 100%;
  }

  .page {
    margin: 0 !important;
    page-break-before: always;
  }

  .page:first-child {
    page-break-before: auto;
  }
}

.module-input {
  font-size: 12pt;
}

.module-input .page {
  display: flex;
  flex-flow: column;
}

.module-input .input-heading {
  font-size: 18pt;
  font-weight: bold;
}

.module-input .input-headline {
  font-size: 12pt;
  font-weight: bold;
}

.module-input .input-fieldset {
  display: grid;
  gap: 0 12pt;
}

.module-input .input-columns {
  grid-template-columns: 1fr 1fr 1fr;
}

.module-input .input-field {
  display: grid;
  flex: 1;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 12pt;
  margin: 0 0 20pt;
}

.module-input .input-flex {
  flex: 1;
  margin: 0 0 20pt;
}

.module-input .input-unflex {
  flex: unset;
}

.module-input .input-fieldset .input-field {
  gap: 12pt;
  margin: 0;
}

.module-input .input-span {
  grid-column: 1 / -1;
}

.module-input .input-big {
  flex: 2;
}

.module-input .input-label,
.module-input legend {
  display: block;
  grid-column: 1 / -1;
  margin-bottom: 4pt;
}

.module-input legend {
  margin-bottom: 12pt;
}

.module-input [type="checkbox"] + .input-label,
.module-input [type="radio"] + .input-label {
  align-self: first baseline;
  grid-column: 2;
  margin: 0;
}

.module-input [type="checkbox"],
.module-input [type="radio"] {
  align-self: first baseline;
  border: 1pt solid rgb( var(---color-background) );
}

.module-input .input {
  background: rgb( var(---color-first) );
  border: 1pt solid rgb( var(---color-background) );
  border-radius: 14pt;
  display: block;
  grid-column: 1 / -1;
  padding: 8pt;
  width: 100%;
}

.module-input textarea {
  min-height: 100pt;
}