@charset "UTF-8";
/* ===  Standard-Styles laden === */
:root {
  --in-vertical-pointer-2-12: 2px;
}
@media screen and (any-pointer: coarse) {
  :root {
    --in-vertical-pointer-2-12: 12px;
  }
}

:root {
  --in-line-height-double: 2;
}
@media screen and (max-width: 20rem) {
  :root {
    --in-line-height-double: 1;
  }
}

/* ===  Testing === */
.in-ruler {
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: 100000;
}
.in-ruler div {
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid black;
}
.in-ruler div span {
  height: 3px;
  margin: 0;
  padding: 0;
  float: left;
}

.in-ruler-16px span:nth-child(odd) {
  background: purple;
}
.in-ruler-16px span:nth-child(even) {
  background: pink;
}

.in-ruler-rem-deka span:nth-child(odd), .in-ruler-rem span:nth-child(odd) {
  background: red;
}
.in-ruler-rem-deka span:nth-child(even), .in-ruler-rem span:nth-child(even) {
  background: orange;
}

.in-ruler-16px span {
  min-width: 16px;
}

.in-ruler-rem-deka span {
  min-width: 10rem;
}

.in-ruler-rem span {
  min-width: 1rem;
}

.in-ruler-ch-deka span:nth-child(odd), .in-ruler-ch span:nth-child(odd) {
  background: turquoise;
}
.in-ruler-ch-deka span:nth-child(even), .in-ruler-ch span:nth-child(even) {
  background: blue;
}

.in-ruler-ch-deka span {
  min-width: 10ch;
}

.in-ruler-ch span {
  min-width: 1ch;
}

body:not(.preComposed) *:not(input):not(textarea):not(select):not(svg *):not(hr):not(br):not(img):not(source):empty {
  border: 3px solid red;
}

ul:not(:has(li)),
ol:not(:has(li)),
span div,
details:not(:has(p)):not(:has(ul)):not(:has(ol))[open] {
  background: red;
}

/*#in-cmsbar button:hover {
    @include in_generated_base;
    &::before {
        content: attr(value);
        @include in_generated;
    }
}*/
:root {
  --in-ui-alert-bg: red;
  --in-ui-alert-color: white;
  --in-border-color: var(--in-black,black);
  --in-border-style: solid;
  --in-border-width-min: 2px;
  --in-border-width-medium: 4px;
  --in-border-width-max: 6px;
}

aj {
  font-weight: bold;
}
aj::before {
  content: "function ";
}

ab {
  font-weight: bold;
  background-color: green;
  display: block;
  padding: 2px 4px;
}
ab::after {
  content: ".php";
}

/*
form:has(input[name=tm]){
    @include in-warning;
    &::before{
        content: "Honeypot found!";
    }
}
*/
.error, .in-error {
  font-weight: bold;
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
  color: var(--in-red, darkred);
  background-color: var(--yellow, yellow);
}
.error::before, .in-error::before {
  content: "X ";
}

.warning, .in-warning {
  font-weight: bold;
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
  color: var(--orange, orange);
}
.warning::before, .in-warning::before {
  content: "! ";
}

.ok, .in-ok {
  font-weight: bold;
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
  color: var(--in-white, #FFFFFF);
  background-color: var(--in-green, darkgreen);
}
.ok::before, .in-ok::before {
  content: "√ ";
}

body.in-cms dl, body.in-cms ul, body.in-cms ol, body.in-cms section {
  /*&:not([aria-labelledby*="#"]){
      &::before{
          content: "Screenreader may miss this labels withou extra interaction";
      }
  }*/
}
body.in-cms dl:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true]), body.in-cms ul:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true]), body.in-cms ol:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true]), body.in-cms section:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true]) {
  position: relative;
  border-width: var(--in-border-width-medium, 4px);
  border-style: var(--in-border-style, solid);
  border-color: var(--in-ui-alert-bg, red);
}
body.in-cms dl:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true])::before, body.in-cms ul:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true])::before, body.in-cms ol:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true])::before, body.in-cms section:not([aria-label]):not([aria-labelledby]):not([aria-hidden=true])::before {
  font: inherit;
  color: var(--in-ui-alert-bg, red);
  background: var(--in-ui-alert-color, white);
  position: absolute;
  padding: 2px;
  width: max-content;
  z-index: 10000;
  content: "Screenreader would only read type of this element";
}
body.in-cms section:not([aria-label])[aria-labelledby*="#"] {
  position: relative;
  border-width: var(--in-border-width-medium, 4px);
  border-style: var(--in-border-style, solid);
  border-color: var(--in-ui-alert-bg, red);
}
body.in-cms section:not([aria-label])[aria-labelledby*="#"]::before {
  font: inherit;
  color: var(--in-ui-alert-bg, red);
  background: var(--in-ui-alert-color, white);
  position: absolute;
  padding: 2px;
  width: max-content;
  z-index: 10000;
  content: "Without aria-label the section is not considered a landmark!";
}

/* ===  Testing === */
:root {
  --in-inclusin-logo-outer: #000;
  --in-inclusin-logo-inner: blue;
  --in-green: darkgreen;
  --in-red: darkred;
  --in-white: #FFFFFF;
  --in-white-tint1: #EEEEEE;
  --in-white-tint2: #DDDDDD;
  --in-white-tint3: #CCCCCC;
  --in-white-tint4: #BBBBBB;
  --in-white-tint5: #AAAAAA;
  --in-white-tint6: #999999;
  --in-white-tint7: #888888;
  --in-black: #000000;
  --in-black-tint1: #111111;
  --in-black-tint2: #222222;
  --in-black-tint3: #333333;
  --in-black-tint4: #444444;
  --in-black-tint5: #555555;
  --in-black-tint6: #666666;
  --in-black-tint7: #777777;
  --in-body-bg: #F0F0F0;
  --in-body-color: #00001E;
  --in-skiplink-bg: #D8DDFF;
  --in-skiplink-link-color: #1B0EAC;
  --in-header-bg: #FFFFFF;
  --in-header-bg-border: #3F3F3F;
  --in-main-bg: #FAFAFF;
  --in-main-bg-more: #FAFAFF;
  --in-main-bg-less: #FAFAFF;
  --in-main-bg-border: transparent;
  --in-main-headline-color: #0C207E;
  --in-main-text-color: #2C2C2C;
  --in-main-headline-color-more: #0C207E;
  --in-main-text-color-more: #000000;
  --in-main-headline-color-less: #0C207E;
  --in-main-text-color-less: #00086D;
  --in-main-list-marker-color: #00086D;
  --in-footer-bg: #EEEEEE;
  --in-footer-border: #3F3F3F;
  --in-footer-headline-color: #0C207E;
  --in-footer-text-color: #2C2C2C;
  --in-footer-bg-more: #FFFFFF;
  --in-footer-bg-less: #DDDDDD;
  --in-footer-headline-color-more: #0C207E;
  --in-footer-text-color-more: #000000;
  --in-footer-headline-color-less: #0C207E;
  --in-footer-text-color-less: #00086D;
  --in-link-color: #1B0EAC;
  --in-link-underline: #D2CFEF;
  --in-link-color-hover: #140A82;
  --in-link-color-visited: #691EA9;
  --in-link-focus-outline: #140A82;
  --in-text-mark: #000000;
  --in-text-mark-bg: #ffff00;
  --in-text-selection: #000000;
  --in-text-selection-bg: #E7C2FF;
  --in-inactive_copy: #333333;
  --in-inactive_outline: #CCCCCC;
  --in-gradient-0: #8FFFE3;
  --in-gradient-1: #E0AFFF;
  --in-cards-bg: #FFFFFF;
  --in-summary-bg: #D7E5F7;
  --in-summary-bg-hover: #AECBEE;
  --in-summary-border: transparent;
  --in-summary-outline: #FFFFFF;
  --in-details-bg: #E7EEFB;
  --in-details-border: transparent;
  --in-special-color1: #09614B;
  --in-special-color2: #890283;
  --in-form-row-border-color: #D7E5F7;
  --in-form-row-odd: #EEEEEE;
  --in-form-row-even: #FFFFFF;
  --in-input-bg: #FFFFFF;
  --in-input-text: #2C2C2C;
  --in-input-caret: #1B0EAC;
  --in-input-outline: #1B0EAC;
  --in-input-outline-more: #3222e5;
  --in-input-outline-less: #1B0EAC;
  --in-input-icon-bg: #D7E5F7;
  --in-input-icon-color: #1B0EAC;
  --in-input-invalid-bg: #FFFFFF;
  --in-input-invalid-text: #FFFFFF;
  --in-input-invalid-outline: darkred;
  --in-input-invalid-icon-bg: #FFCCCC;
  --in-input-invalid-bg: #F0F0F0;
  --in-input-invalid-text: #333333;
  --in-input-invalid-outline: #959595;
  --in-input-disabled-bg: #959595;
  --in-input-disabled-icon: #DDDDDD;
  --in-input-disabled-icon-bg: #333333;
  --in-button-primary-bg-1: #d7e5f7;
  --in-button-primary-bg-2: #92B6E6;
  --in-button-primary-outline: #1B0EAC;
  --in-button-primary-text: #1B0EAC;
  --in-button-secondary-bg-1: #AECBEE;
  --in-button-secondary-bg-2: #AECBEE;
  --in-button-secondary-outline: #1B0EAC;
  --in-button-secondary-text: #2C2C2C;
  --in-form-help-bg: #F0F0F0;
  --in-form-help-bg-details: #EEEEEE;
  --in-form-help-bg-details-hover: #DDDDDD;
  --in-select-option: #FFFFFF;
  --in-select-option-hover: #D7E5F7;
  --in-select-option-checked: #AECBEE;
  --slide-svg-fill: #3c0032;
  --slide-svg_stroke: transparent;
  --slide-detail: var(--in-footer-bg);
  --slide-bg1: #FFFFFF;
  --slide-bg2: #FFFFFF;
  --slide-border: #FFFFFF;
  --in-slide-activity-color: rgb(0,245,225);
  --in-slide-activity-mode: multiply;
  --in-main-text-inverted: var(--in-main-text-color, #000000);
  --in-main-bg-inverted: var(--in-summary-bg, #AEDFEE);
  --in-hightlight-inverted: var(--in-gradient-0, #8FFFE3);
  --in-icon-fill-color: white;
  --in-icon-fill-background: unset;
  --in-icon-fill-color-tint: unset;
  --in-icon-svg-wrapper: unset;
  --slide-svg-fill: var(--in-main-text-color);
  --in-input-border-radius: 2px;
  --in-form-gap-width: 16px;
  --in-form-label-width: calc(100%/4*1 - (var(--in-form-gap-width, 16px)/2));
  --in-form-input-width: calc(100%/4*3 - (var(--in-form-gap-width, 16px)/2));
  --in-project-content-width: 80rem;
  --in-project-content-margin: 0 auto;
}
@media screen and (prefers-color-scheme: no-preference) {
  :root {
    --in-main-text-inverted: #FFFFFF;
    --in-main-bg-inverted: #373078;
    --in-hightlight-inverted: #00D07D;
  }
}
:root body.in-contrast-mixed {
  --in-main-text-inverted: #FFFFFF;
  --in-main-bg-inverted: #373078;
  --in-hightlight-inverted: #00D07D;
}
@media (forced-colors: active) {
  :root {
    --in-input-outline: #000000;
    --in-link-focus-outline: #1AEBFF;
  }
}
@media screen and (prefers-color-scheme: dark) {
  :root {
    --in-inclusin-logo-outer: #FFF;
    --in-inclusin-logo-inner: yellow;
    --in-green: green;
    --in-red: red;
    --in-white: #000000;
    --in-black: #FFFFFF;
    --in-white-90pc: rgba(0,0,0,.9);
    --in-black-90pc: rgba(255,255,255,.9);
    --in-white-80pc: rgba(0,0,0,.8);
    --in-black-80pc: rgba(255,255,255,.8);
    --in-white-20pc: rgba(0,0,0,.2);
    --in-black-20pc: rgba(255,255,255,.2);
    --in-white-10pc: rgba(0,0,0,.1);
    --in-black-10pc: rgba(255,255,255,.1);
    --in-black-tint1: #EEEEEE;
    --in-black-tint2: #DDDDDD;
    --in-black-tint3: #CCCCCC;
    --in-black-tint4: #BBBBBB;
    --in-black-tint5: #AAAAAA;
    --in-black-tint6: #999999;
    --in-black-tint7: #888888;
    --in-white-tint1: #111111;
    --in-white-tint2: #222222;
    --in-white-tint3: #333333;
    --in-white-tint4: #444444;
    --in-white-tint5: #555555;
    --in-white-tint6: #666666;
    --in-white-tint7: #777777;
    --in-body-bg: #000000;
    --in-body-color: #F0F0F0;
    --in-skiplink-bg: #1B0EAC;
    --in-skiplink-link-color: #D8DDFF;
    --in-header-bg: #000000;
    --in-header-bg-border: transparent;
    --in-main-bg: #00001E;
    --in-main-bg-more: #110030;
    --in-main-bg-less: #110030;
    --in-main-bg-border: #3F3F3F;
    --in-main-headline-color: #B7D3FF;
    --in-main-headline-color-more: #FFFFFF;
    --in-main-headline-color-less: #A8C9FF;
    --in-main-text-color: #DBE9FF;
    --in-main-text-color-more: #FFFFFF;
    --in-main-text-color-less: #B7D3FF;
    --in-main-list-marker-color: #B7D3FF;
    --in-footer-bg: #0D0034;
    --in-footer-border: #0D0034;
    --in-footer-headline-color: #B7D3FF;
    --in-footer-headline-color-more: #FFFFFF;
    --in-footer-headline-color-less: #A8C9FF;
    --in-footer-text-color: #B7D3FF;
    --in-footer-text-color-more: #FFFFFF;
    --in-footer-text-color-less: #A8C9FF;
    --in-link-color: #01EA8D;
    --in-link-underline: #D2CFEF;
    --in-link-color-hover: #40F1FF;
    --in-link-color-visited: #00FFC3;
    --in-link-focus-outline: #40F1FF;
    --in-text-mark: #ffffff;
    --in-text-mark-bg: #09614B;
    --in-text-selection: #FFFFFF;
    --in-text-selection-bg: #09614B;
    --in-inactive_copy: #ccc;
    --in-inactive_outline: #333;
    --in-gradient-0: #004B38;
    --in-gradient-1: #6400A5;
    --in-cards-bg: #00001E;
    --in-summary-bg: #373078;
    --in-summary-bg-hover: #044131;
    --in-summary-border: transparent;
    --in-summary-outline: #000000;
    --in-details-bg: #000000;
    --in-details-border: transparent;
    --in-special-color1: #40F1FF;
    --in-special-color2: #890283;
    --in-form-row-border-color: #222222;
    --in-form-row-odd: #111111;
    --in-form-row-even: #000000;
    --in-input-bg: #000000;
    --in-input-text: #FFFFFF;
    --in-input-caret: #FFFFFF;
    --in-input-outline: #EEEEEE;
    --in-input-outline-more: #FFFFFF;
    --in-input-outline-less: #DDDDDD;
    --in-input-icon-bg: #1B0EAC;
    --in-input-icon-color: #D7E5F7;
    --in-input-invalid-bg: #FFFFFF;
    --in-input-invalid-text: #FFFFFF;
    --in-input-invalid-outline: darkred;
    --in-input-invalid-icon-bg: #FFCCCC;
    --in-input-invalid-bg: #F0F0F0;
    --in-input-invalid-text: #333333;
    --in-input-invalid-outline: #959595;
    --in-input-disabled-bg: #333333;
    --in-input-disabled-icon: #DDDDDD;
    --in-input-disabled-icon-bg: #333333;
    --in-button-primary-bg-1: #493dc9;
    --in-button-primary-bg-2: #140a82;
    --in-button-primary-outline: #1B0EAC;
    --in-button-primary-text: #FFFFFF;
    --in-button-secondary-bg-1: #AECBEE;
    --in-button-secondary-bg-2: #92B6E6;
    --in-button-secondary-outline: #92B6E6;
    --in-button-secondary-text: #2C2C2C;
    --in-form-help-bg: #222222;
    --in-form-help-bg-details: #222222;
    --in-form-help-bg-details-hover: #333;
    --in-select-option: #000000;
    --in-select-option-hover: #1B0EAC;
    --in-select-option-checked: #140A82;
    --slide-svg-fill: #3c0032;
    --slide-svg_stroke: transparent;
    --slide-detail: var(--in-footer-bg);
    --slide-bg1: #FFFFFF;
    --slide-bg2: #FFFFFF;
    --slide-border: #FFFFFF;
    --in-slide-activity-color: rgb(0,2456,225);
    --in-slide-activity-mode: multiply;
    --in-main-text-inverted: var(--in-main-text-color, #FFFFFF);
    --in-main-bg-inverted: var(--in-summary-bg, #373078);
    --in-hightlight-inverted: var(--in-gradient-0, #004B38);
  }
  :root body.in-contrast-mixed {
    --in-main-text-color: var( --in-main-text-inverted, #FFFFFF);
    --in-main-bg: var(--in-summary-bg-inverted, #373078);
    --in-hightlight: var(in-hightlight-inverted, #004B38);
  }
}
@media screen and (prefers-color-scheme: dark) and (forced-colors: active) {
  :root {
    --in-input-outline: #FFFFFF;
    --in-link-focus-outline: #1AEBFF;
  }
}
@media (prefers-contrast: more) {
  :root {
    --in-input-outline: var(--in-input-outline-more, #FFFFFF);
    --in-main-headline-color: var(--in-main-headline-color-more, #0C207E);
    --in-main-text-color: var(--in-main-text-color-more, #000000);
    --in-footer-headline-color: var(--in-footer-headline-color-more, #0C207E);
    --in-footer-text-color: var(--in-footer-text-color-more, #000000);
  }
}
@media (prefers-contrast: less) {
  :root {
    --in-input-outline: var(--in-input-outline-less, #DDDDDD);
    --in-main-headline-color: var(--in-main-headline-color-less, #0C207E);
    --in-main-text-color: var(--in-main-text-color-less, #00086D);
    --in-footer-headline-color: var(--in-footer-headline-color-less, #0C207E);
    --in-footer-text-color: var(--in-footer-text-color-less, #00086D);
  }
}

aside, header, footer, main, nav, section,
article, hr,
div, noscript,
h1, h2, h3, h4, h5, h6, p,
pre,
address,
form, fieldset,
figcaption, figure, picture,
iframe, video, audio,
table, thead, tbody, tfoot {
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: baseline;
  box-sizing: border-box;
}

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

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

span,
a, button,
abbr, dfn,
em, strong, mark,
del, s, ins,
cite, q, sub, sup,
code,
kbd,
samp,
var,
time,
label, select, textarea, progress,
data,
object {
  font-style: normal;
  display: inline-block;
  position: relative;
}

ul:not([class]), ol:not([class]) {
  margin-block-start: 16px;
  margin-block-end: 16px;
}

@font-face {
  font-family: "sans-serif-copy";
  src: local("Atkinson Hyperlegible"), local("Atkinson_Hyperlegible"), url("../fonts/Atkinson_Hyperlegible/AtkinsonHyperlegible-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: normal;
}
@font-face {
  font-family: "sans-serif-copy";
  src: local("Atkinson Hyperlegible Bold"), local("Atkinson_Hyperlegible"), url("../fonts/Atkinson_Hyperlegible/AtkinsonHyperlegible-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
}
@font-face {
  font-family: "sans-serif-copy";
  src: local("Atkinson Hyperlegible Bold"), local("Atkinson_Hyperlegible"), url("../fonts/Atkinson_Hyperlegible/AtkinsonHyperlegible-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
}
html:not([lang*=simple]) {
  font-size: 100%;
  line-height: var(--in-line-height-large, 1.51);
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html:not([lang*=simple]) body {
  font-family: "sans-serif-copy", sans-serif;
  hyphens: auto;
}
html:not([lang*=simple]) h1, html:not([lang*=simple]) h2, html:not([lang*=simple]) h3, html:not([lang*=simple]) h4, html:not([lang*=simple]) h5, html:not([lang*=simple]) h6 {
  text-wrap: balance;
}
html:not([lang*=simple]) p {
  text-wrap: pretty;
}
html:not([lang*=simple]) input:not([type=file]:not(:user-valid):not(:valid)) {
  letter-spacing: 0.05rem;
}

html[lang*=simple] {
  font-size: 125%;
  line-height: var(--in-line-height-double, 2);
}
html[lang*=simple] body {
  font-family: "sans-serif-copy", sans-serif;
  font-variant-ligatures: none;
  letter-spacing: 0.5px;
  word-spacing: 1.5px;
}
html[lang*=simple] main p {
  margin: 0 0 32px 0;
}
html[lang*=simple] input:not([type=file]:not(:user-valid):not(:valid)) {
  letter-spacing: 0.24;
}
@media print {
  html:not([lang*=simple]) {
    font-size: 16px;
  }
  html[lang*=simple] {
    font-size: 18px;
  }
}
body {
  -webkit-text-size-adjust: none;
  text-align: start;
}
body.in-font-serif {
  font-family: serif;
}
body.in-font-sansserif {
  font-family: sans-serif;
}
body.in-font-monospace {
  font-family: monospace;
}
body.in-font-fantasy {
  font-family: fantasy;
}
body.in_dyslexis {
  font-family: "dyslexis", sans-serif;
}
body.in_wordspacing_plus {
  word-spacing: 0.7rem;
}
body.in_letterspacing_plus {
  letter-spacing: 0.05rem;
}
body * {
  font-size: 1rem;
}
body code, body kdb {
  font-family: monospace;
}
hr {
  border-top: 7px dotted var(--in-black);
}
li {
  height: max-content;
}
main h1, main h2, main h3, main h4, main h5, main h6 {
  line-height: 1.25;
  margin: 16px 0 0 0;
  margin: 32px 0 0 0;
  overflow-wrap: anywhere;
  hyphens: auto;
}

h1, h1 * {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

h2, h2 * {
  font-size: clamp(1.2rem, 2.4vw, 1.4rem);
}

h3, h3 * {
  font-size: clamp(1.15rem, 2.3vw, 1.3rem);
}

h4, h4 * {
  font-size: clamp(1.1rem, 2.2vw, 1.2rem);
}

h5, h5 *,
h6, h6 * {
  font-size: clamp(1.05rem, 2vw, 1.1rem);
}

p {
  margin: 6px 0;
  overflow-wrap: break-word;
}

html, blockquote {
  quotes: "“" "”" "‘" "’";
}
html[lang*=bg], html[lang*=da], html[lang*=is], html[lang*=lt], html[lang*=lv], html[lang*=pl], html[lang*=sr], html[lang*=sk], html[lang*=sl], html[lang*=wen], html[lang*=cs], html[lang*=hu], html[lang*=de], blockquote[lang*=bg], blockquote[lang*=da], blockquote[lang*=is], blockquote[lang*=lt], blockquote[lang*=lv], blockquote[lang*=pl], blockquote[lang*=sr], blockquote[lang*=sk], blockquote[lang*=sl], blockquote[lang*=wen], blockquote[lang*=cs], blockquote[lang*=hu], blockquote[lang*=de] {
  quotes: "„" "“" "‚" "‘";
}
html[lang*=et], html[lang*=ka], html[lang*=hr], blockquote[lang*=et], blockquote[lang*=ka], blockquote[lang*=hr] {
  quotes: "„" "”" "„" "”";
}
html[lang*=CH], html[lang*=LI], html[lang*=FR] html[lang*=sq], html[lang*=ar], html[lang*=FR], blockquote[lang*=CH], blockquote[lang*=LI], html[lang*=FR] blockquote[lang*=sq], blockquote[lang*=ar], blockquote[lang*=FR], blockquote[lang*=FR] html[lang*=sq], blockquote[lang*=FR] blockquote[lang*=sq] {
  quotes: "«" "»" "‹" "›";
}
html[lang*=be], html[lang*=hy], blockquote[lang*=be], blockquote[lang*=hy] {
  quotes: "«" "»" "„" "“";
}
html[lang*=el], html[lang*=ca], blockquote[lang*=el], blockquote[lang*=ca] {
  quotes: "«" "»" "“" "”";
}
html[lang*=eo], blockquote[lang*=eo] {
  quotes: "“" "”" "“" "”";
}
html[lang*=sv], html[lang*=id], html[lang*=fi], blockquote[lang*=sv], blockquote[lang*=id], blockquote[lang*=fi] {
  quotes: "“" "”" "“" "”";
}
html[lang*=en], html[lang*=GB], blockquote[lang*=en], blockquote[lang*=GB] {
  quotes: "‘" "’" "“" "”";
}
html[lang*=en], html[lang*="003"], html[lang*="021"], html[lang*=tr], html[lang*=th], blockquote[lang*=en], blockquote[lang*="003"], blockquote[lang*="021"], blockquote[lang*=tr], blockquote[lang*=th] {
  quotes: "“" "”" "‘" "’";
}
html[lang*=he], blockquote[lang*=he] {
  quotes: "“" "”" "«" "»";
}
html[lang*=uk], blockquote[lang*=uk] {
  quotes: "«" "»" "„" "“";
}

address {
  font-style: normal;
}

blockquote {
  margin: 0 0 16px 0;
  flex-basis: 0;
  flex-grow: 10;
  padding: 0 0 0 0.5rem;
}
blockquote:has(:not(p))::before,
blockquote p::before {
  content: open-quote;
}
blockquote:has(:not(p))::after,
blockquote p::after {
  content: close-quote;
}
blockquote p {
  font-weight: bolder;
  position: relative;
}
blockquote p:first-child {
  text-indent: 1rem;
}
blockquote p::before, blockquote p::after {
  position: absolute;
  font-size: 1.5rem;
}
blockquote p::before {
  left: -1rem;
  top: -3px;
}
blockquote p::after {
  text-indent: 0;
}
blockquote footer {
  margin: 8px 0 0 0;
}
blockquote footer p {
  max-width: 70ch;
}

form {
  line-height: 1.25;
}

input {
  text-align: left !important;
}

*::selection {
  color: var(--in-text-selection, #000000);
  background-color: var(--in-text-selection-bg, #E7C2FF);
  fill: var(--in-text-selection, #000000);
}

*::-moz-selection {
  color: var(--in-text-selection, #000000);
  background-color: var(--in-text-selection-bg, #E7C2FF);
  fill: var(--in-text-selection, #000000);
}

.in-user-select-none {
  user-select: none;
}

/*  
input[i]::-webkit-datetime-edit-fields-wrapper::selection {
    @include in-selection;
}
&[type="date"]:-webkit-datetime-edit-hour-field span {
        color: pink;
        background: purple;
       // color: $in-input-text;
        //background-image: linear-gradient(90deg, $in-input-icon-bg calc(100% - 2px), $in-input-outline 0);
    }*/
::-moz-selection, ::selection, a::selection {
  /* === Verfügbares CSS hier: https://developer.mozilla.org/en-US/docs/Web/CSS/::selection === */
  /* color, background-color, text-decoration and its associated properties, text-shadow, -webkit-text-stroke-color, -webkit-text-fill-color and -webkit-text-stroke-width, In particular, background-image is ignored.
  */
  color: var(--in-text-selection, #000000);
  background-color: var(--in-text-selection-bg, #E7C2FF);
}

/* === important: picture needs to be noted first! === */
picture::selection, img::selection {
  background: none !important;
  background-color: unset !important;
}

picture::-moz-selection, img::-moz-selection {
  background: none !important;
  background-color: unset !important;
}

picture, img, svg {
  user-select: none;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  scroll-snap-align: start end;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 auto;
  max-width: 120rem;
}

header {
  border-bottom: 2px solid transparent;
  max-width: 100%;
  justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
}

details {
  margin-bottom: 8px;
}
details summary {
  text-indent: -0.8rem;
  padding: 4px 8px 4px 1rem;
}
details summary * {
  text-indent: 0;
}
details[open] > *:nth-child(n+2):not(ul):not(ol):not([class]) {
  padding: 0 8px 8px 8px;
}
details[open] > ul, details[open] ol {
  margin: 8px;
}

ul, ol {
  width: 100%;
}
ul.in_list_nomarker, ul.in-tile-list, ol.in_list_nomarker, ol.in-tile-list {
  list-style-type: "";
}
ul.in_list_nomarker > li, ul.in-tile-list > li, ol.in_list_nomarker > li, ol.in-tile-list > li {
  margin-left: 0 !important;
}
ul:not([class]) li, ol:not([class]) li {
  margin: 8px 0;
}
ul li > a, ul li > strong, ul li > em, ul li > span, ul li > abbr, ul li > dfn, ul li > mark, ul li > del, ul li > s, ul li > ins, ul li > cite, ul li > data, ul li > kdb, ul li > q, ul li > code, ul li > time, ol li > a, ol li > strong, ol li > em, ol li > span, ol li > abbr, ol li > dfn, ol li > mark, ol li > del, ol li > s, ol li > ins, ol li > cite, ol li > data, ol li > kdb, ol li > q, ol li > code, ol li > time {
  vertical-align: top;
  line-height: inherit;
}
ul li > a, ol li > a {
  margin-top: -2px;
}
ul li > a, ul li > button, ol li > a, ol li > button {
  line-height: 1.75;
}
@media (pointer: coarse) {
  ul li > a, ul li > button, ol li > a, ol li > button {
    min-height: 28px;
  }
}

:where(li ul) {
  margin: 0 0 6px 0 !important;
}

dl {
  display: flex;
  margin: var(--in-vertical-pointer-2-16, 16px) 0;
  flex-direction: column;
  align-items: baseline;
  gap: var(--in-flex-gap, 16px);
  width: 100%;
}
dl dt {
  min-width: 15ch;
  flex-grow: 3;
  user-select: none;
}
dl dd {
  flex-basis: calc(100% - 15ch);
  flex-grow: 7;
  margin: 0;
  font-weight: bold;
}
dl dd:has(a) {
  padding: var(--in-vertical-pointer-2-12, 12px) var(--in-flex-gap, 16px);
}
@media (min-width: 25rem) {
  dl dd {
    /*&:has(address) {
        padding: $in-flex-gap 0;
    }*/
  }
  dl dd:has(a) {
    padding: var(--in-vertical-pointer-2-12, 12px) 0;
  }
}
@media (max-width: 25rem) {
  dl {
    flex-direction: column;
  }
  dl dt::after {
    content: ": ";
  }
  dl dd {
    padding-left: var(--in-flex-gap, 16px);
  }
}

li::marker {
  color: var(--in-main-list-marker-color, inherit);
  font-size: 0.9rem;
}

@media (max-width: 39.9375rem) {
  .in-wrapper ol:not(:has(li:nth-child(10))), aside ol:not(:has(li:nth-child(10))) {
    padding-left: 1.1rem !important;
  }
  .in-wrapper ol:not(:has(li:nth-child(100))), aside ol:not(:has(li:nth-child(100))) {
    padding-left: 1.7rem !important;
  }
  .in-wrapper ul, aside ul {
    padding-left: 0.85rem !important;
  }
  .in-wrapper ul ul, .in-wrapper ul ol, .in-wrapper ol ul, .in-wrapper ol ol, aside ul ul, aside ul ol, aside ol ul, aside ol ol {
    padding-left: 0.5rem;
  }
}
@media screen and (max-width: 15rem) {
  .in-wrapper *, aside * {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  .in-wrapper ul, .in-wrapper ol, aside ul, aside ol {
    padding-left: 0 !important;
  }
  .in-wrapper ul li, .in-wrapper ol li, aside ul li, aside ol li {
    list-style-position: inside;
    hyphens: auto;
    text-indent: 0;
    position: relative;
  }
  .in-wrapper ul li a, .in-wrapper ul li strong, .in-wrapper ul li em, .in-wrapper ul li span, .in-wrapper ul li abbr, .in-wrapper ul li dfn, .in-wrapper ul li mark, .in-wrapper ul li del, .in-wrapper ul li s, .in-wrapper ul li ins, .in-wrapper ul li cite, .in-wrapper ul li data, .in-wrapper ul li kdb, .in-wrapper ul li q, .in-wrapper ul li code, .in-wrapper ol li a, .in-wrapper ol li strong, .in-wrapper ol li em, .in-wrapper ol li span, .in-wrapper ol li abbr, .in-wrapper ol li dfn, .in-wrapper ol li mark, .in-wrapper ol li del, .in-wrapper ol li s, .in-wrapper ol li ins, .in-wrapper ol li cite, .in-wrapper ol li data, .in-wrapper ol li kdb, .in-wrapper ol li q, .in-wrapper ol li code, aside ul li a, aside ul li strong, aside ul li em, aside ul li span, aside ul li abbr, aside ul li dfn, aside ul li mark, aside ul li del, aside ul li s, aside ul li ins, aside ul li cite, aside ul li data, aside ul li kdb, aside ul li q, aside ul li code, aside ol li a, aside ol li strong, aside ol li em, aside ol li span, aside ol li abbr, aside ol li dfn, aside ol li mark, aside ol li del, aside ol li s, aside ol li ins, aside ol li cite, aside ol li data, aside ol li kdb, aside ol li q, aside ol li code {
    text-indent: 16px;
    margin-top: -1.53rem !important;
  }
  .in-wrapper ul li a, .in-wrapper ol li a, aside ul li a, aside ol li a {
    margin-top: calc(-1.53rem - 2px) !important;
  }
  .in-wrapper ul li:has(mark)::before, .in-wrapper ol li:has(mark)::before, aside ul li:has(mark)::before, aside ol li:has(mark)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
    background-color: var(--in-main-bg, #FAFAFF);
    z-index: 10000;
    padding-right: 16px;
    color: var(--in-main-list-marker-color, inherit);
  }
  .in-wrapper ul ul, .in-wrapper ul ol, .in-wrapper ol ul, .in-wrapper ol ol, aside ul ul, aside ul ol, aside ol ul, aside ol ol {
    padding-left: 0.5rem !important;
  }
  .in-wrapper ul > li, aside ul > li {
    list-style-type: var(--in-list-style-type, disc);
  }
  .in-wrapper ul > li:has(mark)::before, aside ul > li:has(mark)::before {
    content: var(--in-list-style-content-l1, "•");
    color: red;
  }
  .in-wrapper ol > li, aside ol > li {
    counter-increment: level1 1;
  }
  .in-wrapper ol > li:has(mark)::before, aside ol > li:has(mark)::before {
    content: counter(level1) ".";
    color: purple;
  }
  .in-wrapper ol:not(:has(li:nth-child(10))), aside ol:not(:has(li:nth-child(10))) {
    padding-left: 0 !important;
  }
  .in-wrapper ol:not(:has(li:nth-child(10))) li a, .in-wrapper ol:not(:has(li:nth-child(10))) li strong, .in-wrapper ol:not(:has(li:nth-child(10))) li em, .in-wrapper ol:not(:has(li:nth-child(10))) li span, .in-wrapper ol:not(:has(li:nth-child(10))) li abbr, .in-wrapper ol:not(:has(li:nth-child(10))) li dfn, .in-wrapper ol:not(:has(li:nth-child(10))) li mark, .in-wrapper ol:not(:has(li:nth-child(10))) li del, .in-wrapper ol:not(:has(li:nth-child(10))) li s, .in-wrapper ol:not(:has(li:nth-child(10))) li ins, .in-wrapper ol:not(:has(li:nth-child(10))) li cite, .in-wrapper ol:not(:has(li:nth-child(10))) li data, .in-wrapper ol:not(:has(li:nth-child(10))) li kdb, .in-wrapper ol:not(:has(li:nth-child(10))) li q, .in-wrapper ol:not(:has(li:nth-child(10))) li code, aside ol:not(:has(li:nth-child(10))) li a, aside ol:not(:has(li:nth-child(10))) li strong, aside ol:not(:has(li:nth-child(10))) li em, aside ol:not(:has(li:nth-child(10))) li span, aside ol:not(:has(li:nth-child(10))) li abbr, aside ol:not(:has(li:nth-child(10))) li dfn, aside ol:not(:has(li:nth-child(10))) li mark, aside ol:not(:has(li:nth-child(10))) li del, aside ol:not(:has(li:nth-child(10))) li s, aside ol:not(:has(li:nth-child(10))) li ins, aside ol:not(:has(li:nth-child(10))) li cite, aside ol:not(:has(li:nth-child(10))) li data, aside ol:not(:has(li:nth-child(10))) li kdb, aside ol:not(:has(li:nth-child(10))) li q, aside ol:not(:has(li:nth-child(10))) li code {
    text-indent: 16px;
  }
  .in-wrapper ol:not(:has(li:nth-child(100))), aside ol:not(:has(li:nth-child(100))) {
    padding-left: 0 !important;
  }
  .in-wrapper ol:not(:has(li:nth-child(100))) li a, .in-wrapper ol:not(:has(li:nth-child(100))) li strong, .in-wrapper ol:not(:has(li:nth-child(100))) li em, .in-wrapper ol:not(:has(li:nth-child(100))) li span, .in-wrapper ol:not(:has(li:nth-child(100))) li abbr, .in-wrapper ol:not(:has(li:nth-child(100))) li dfn, .in-wrapper ol:not(:has(li:nth-child(100))) li mark, .in-wrapper ol:not(:has(li:nth-child(100))) li del, .in-wrapper ol:not(:has(li:nth-child(100))) li s, .in-wrapper ol:not(:has(li:nth-child(100))) li ins, .in-wrapper ol:not(:has(li:nth-child(100))) li cite, .in-wrapper ol:not(:has(li:nth-child(100))) li data, .in-wrapper ol:not(:has(li:nth-child(100))) li kdb, .in-wrapper ol:not(:has(li:nth-child(100))) li q, .in-wrapper ol:not(:has(li:nth-child(100))) li code, aside ol:not(:has(li:nth-child(100))) li a, aside ol:not(:has(li:nth-child(100))) li strong, aside ol:not(:has(li:nth-child(100))) li em, aside ol:not(:has(li:nth-child(100))) li span, aside ol:not(:has(li:nth-child(100))) li abbr, aside ol:not(:has(li:nth-child(100))) li dfn, aside ol:not(:has(li:nth-child(100))) li mark, aside ol:not(:has(li:nth-child(100))) li del, aside ol:not(:has(li:nth-child(100))) li s, aside ol:not(:has(li:nth-child(100))) li ins, aside ol:not(:has(li:nth-child(100))) li cite, aside ol:not(:has(li:nth-child(100))) li data, aside ol:not(:has(li:nth-child(100))) li kdb, aside ol:not(:has(li:nth-child(100))) li q, aside ol:not(:has(li:nth-child(100))) li code {
    text-indent: 32px;
  }
}

time {
  font-variant-numeric: tabular-nums;
}

#wcb_p:has(a),
.in-tile-parent:has(a) {
  position: relative;
}
#wcb_p:has(a) *,
.in-tile-parent:has(a) * {
  display: inline-block;
  position: unset;
}
#wcb_p:has(a) a,
.in-tile-parent:has(a) a {
  outline: none;
}
#wcb_p:has(a) a:has(svg),
.in-tile-parent:has(a) a:has(svg) {
  display: inline-flex;
}
#wcb_p:has(a) a::before,
.in-tile-parent:has(a) a::before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  /*top: 0;
  right: 0;
  bottom: 0;
  left: 0;*/
  z-index: 1000000;
}
#wcb_p:has(a):focus-within a::before,
.in-tile-parent:has(a):focus-within a::before {
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  #wcb_p:has(a):focus-within a::before,
  .in-tile-parent:has(a):focus-within a::before {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  #wcb_p:has(a):focus-within a::before,
  .in-tile-parent:has(a):focus-within a::before {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  #wcb_p:has(a):focus-within a::before,
  .in-tile-parent:has(a):focus-within a::before {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
#wcb_p:has(a):focus-within a::before,
.in-tile-parent:has(a):focus-within a::before {
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  #wcb_p:has(a):focus-within a::before,
  .in-tile-parent:has(a):focus-within a::before {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  #wcb_p:has(a):focus-within a::before,
  .in-tile-parent:has(a):focus-within a::before {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  #wcb_p:has(a):focus-within a::before,
  .in-tile-parent:has(a):focus-within a::before {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media screen and (max-width: 25rem) {
  #wcb_p:has(a),
  .in-tile-parent:has(a) {
    width: 100%;
  }
}

p.in-tile-parent:has(> a) {
  display: flex;
  flex-wrap: wrap;
}

span {
  font-size: inherit;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: overline underline;
}
ins[datetime] {
  background-color: #f00;
}
ins[cite] {
  background-color: #f00;
}

sup, sub {
  font-size: 0.75rem;
  padding-left: 0.1rem;
}

mark {
  padding: 0px 4px !important;
  color: var(--in-text-mark, unset);
  background-color: var(--in-text-mark-bg, unset);
}

.in-wrapper {
  width: 100%;
}
@media screen and (max-width: 15rem) {
  .in-wrapper {
    padding: 16px clamp(2px, 0.1vw, 8px);
  }
}

html:not([lang*=simple]) .in-wrapper {
  max-width: 75ch;
  margin: 0 auto;
}

html[lang*=simple] .in-wrapper {
  max-width: 66ch;
}

body header, body main, body section, body article, body footer {
  width: 100%;
}
body > header, body > section, body > article, body > footer {
  max-width: var(--in-project-content-width, 80rem);
  margin: var(--in-project-content-margin, 0 auto);
  padding-left: clamp(6px, 1vw, 16px);
  padding-right: clamp(6px, 1vw, 16px);
}
body main {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
body .in-wrapper {
  max-width: var(--in-project-content-width, 80rem);
  margin: var(--in-project-content-margin, 0 auto);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: clamp(6px, 1vw, 16px);
  padding-right: clamp(6px, 1vw, 16px);
}
body .in-wrapper:only-child {
  min-height: 50vh;
}
body.in-align-left {
  text-align: left;
}
body.in-align-left main {
  margin: 0 var(--margin) 0 auto;
}
body.in-align-right {
  text-align: right;
}
body.in-align-right main {
  margin: 0 var(--margin) 0 auto;
}
body:has(aside) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
body:has(aside) main {
  width: calc(100% - 20rem - 16px);
}
body:has(aside) aside {
  width: 20rem;
  border: 1px solid red;
}

.dir-sensitive-right {
  display: flex;
  justify-content: flex-end;
}

.in-icon-before {
  width: calc(8ch + 1rem);
}
.in-icon-before::before {
  content: "";
  padding-left: calc(1rem + 8px);
  mask-image: url("visuals/logo_inclusin.svg");
  background-image: linear-gradient(90deg, var(--in-black, #000000) calc(1rem + 8px), transparent 0);
  mask-repeat: no-repeat;
  margin-left: 4px;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .in-icon-before::before {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .in-icon-before::before {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

summary, button, input[type=file i], select {
  cursor: pointer;
}

section a, main a, aside a, footer a {
  text-decoration: underline;
  text-underline-position: under;
  text-underline-offset: 0.05rem;
  text-decoration-skip-ink: all;
}
section a *, main a *, aside a *, footer a * {
  text-decoration: inherit;
}
section a :any-link, main a :any-link, aside a :any-link, footer a :any-link {
  overflow-wrap: anywhere;
}

/*
body:not(.editContent) button[value="delete"]{
    display: none;
}
*/
@media (min-width: 30rem) {
  a[href="#menu-open"], a[href="#menu-closed"] {
    display: none;
  }
}
nav#menu-closed:not(:has(li)) a[href="#menu-open"], nav#menu-closed:not(:has(li)) a[href="#menu-closed"] {
  display: none;
}

@media (max-width: 30rem) {
  #menu-open:not(:target) ul,
  #menu-open:not(:target) a[href="#menu-closed"],
  #menu-closed:not(:target) ul,
  #menu-closed:not(:target) a[href="#menu-closed"] {
    display: none;
  }
  #menu-open:target ul,
  #menu-open:target a[href="#menu-closed"] {
    display: block;
  }
  #menu-open:target a[href="#menu-open"] {
    display: none;
  }
  #menu-closed:target a[href="#menu-open"] {
    display: block;
  }
  #menu-closed:target ul,
  #menu-closed:target a[href="#menu-closed"] {
    display: none;
  }
}


nav#menu-closed ul {
  list-style-type: "";
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  flex-direction: column;
}

nav#menu-closed ul li a {
  width: 100%;
}

@media (min-width: 30rem) {
  nav#menu-closed ul {
    justify-content: space-around;
    flex-direction: row;
  }
  nav#menu-closed ul li {
    width: fit-content;
  }
}
.pageselection {
  position: relative !important;
  height: unset;
  width: 100% !important;
  justify-content: space-around;
}
header ul[class=listlevel0] {
  display: none !important;
}
nav a{
  padding: 0 4px;
  width: max-content;
}
/*nav a[aria-level=1], */
nav a[aria-current]{
  background-color: rgb(0, 208, 125,.25);
}
nav a[aria-level="1"]{
  background-color: rgb(0, 208, 125,.25);
}
svg.in-fullwidth {
  width: 100%;  
}
#navigation >li:has(ul){
  position: relative;
}
#navigation >li:has(a[aria-current]):has(ul){
  padding-bottom: 2rem;
}
/*
#navigation >li:has(a[aria-current]):has(ul)::before {
  content: ">";
  }*/
  ul {
    margin-block-start: .5rem;
    margin-block-end: .5rem;
  }
  @media screen and (max-width: 40rem){
  nav,
  #navigation {
    padding-right: 0 !important;
    width: 100%;
  }
  #navigation >li:has(a[aria-current]):has(ul){
    border-bottom: 3px solid;
    width: 100%;
  }
  #navigation >li:has(a[aria-current]):has(ul li:nth-child(2)){
    padding-bottom: 4rem;
  }
  #navigation >li:has(a[aria-current]):has(ul li:nth-child(3)){
    padding-bottom: 6rem;
  }
  #navigation >li:has(a[aria-current]):has(ul li:nth-child(4)){
    padding-bottom: 8rem;
  }
}
#navigation {
  padding-right: 32px;
}
#navigation, #navigation ul {
  padding-left: 0px;
}
#navigation li ul {
  position: absolute;
}
#navigation li:not(:has(a[aria-current])) ul {
  display: none;
}
/*
#navigation li:has(a[aria-current]) ul {
  display: block;
}
nav a[aria-current]:not([aria-current=none]) {
  background-image: url(_inclusin_cust/media/graphics/aria-current-page.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
nav a[aria-current]:not([aria-current=none]) {
  outline: 3px solid transparent;
  background-image: url(_inclusin_cust/media/graphics/aria-current-page.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}*/

a[href*=menu] {
  width: 100%;
  background: var(--in-link-underline, #D2CFEF);
  text-align: center;
  position: relative;
}
a[href*=menu]::before, a[href*=menu]::after {
  position: absolute;
  content: "";
}
@media (any-pointer: coarse) {
  a[href*=menu] {
    padding: 7px 16px;
  }
}

a[href*=menu-close]::before {
  width: 30px;
  height: 30px;
}

#in-navigation nav ul {
  padding: 0;
  margin: 0;
}
#in-navigation nav ul li.listlevel1 {
  width: 100%;
}
#in-navigation nav ul li.listlevel2 {
  width: 100%;
}
#in-navigation nav ul li {
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--in-link-underline, #D2CFEF);
}
@media (any-pointer: coarse) {
  #in-navigation nav ul li {
    padding: 6px 0;
  }
}
@media (max-width: 30rem) {
  #in-navigation nav ul li.listlevel2 {
    border-width: 0 1px;
    width: fit-content;
  }
}

#accessibility {
  color: var(--ccessi-color, #000);
  position: relative;
  display: flex;
  justify-content: space-between;
}
#accessibility:has(buttons) {
  margin: 0 0 5px 0;
  border-bottom: 1px solid var(--ccessi-border);
  background: var(--ccessi-bg, #DDDDEE);
}
#accessibility div {
  padding: 4px 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center !important;
  place-content: space-between;
  align-items: center;
}
#accessibility div > *:not(form), #accessibility div button {
  display: flex;
  border-radius: var(--in-border-radius-1, 2px);
  background-color: var(--ccessi-button);
  border: 1px solid var(--ccessi-border);
  font-size: 1rem;
  font-family: inherit;
  line-height: 1;
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
  margin: 0;
  align-items: center;
}
#accessibility div button {
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
  text-align: left;
  display: flex;
  flex-direction: row;
  gap: clamp(2px, 0.1vw, 8px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#accessibility div button svg {
  width: 1.125rem;
  aspect-ratio: 1;
  height: 100%;
  fill: var(--ccessi-color, #000);
}
#accessibility div button span {
  hyphens: none;
}
@media (max-width: 30rem) {
  #accessibility div button span {
    display: none;
  }
}
#accessibility div > *:not(form), #accessibility div button {
  min-width: 24px;
  min-height: 24px;
}
@media (any-pointer: coarse) {
  #accessibility div > *:not(form), #accessibility div button {
    min-width: 48px;
    min-height: 48px;
  }
  #accessibility div > *:not(form) svg, #accessibility div button svg {
    width: 1.5rem;
  }
}
#accessibility button {
  display: flex;
  align-items: center;
  gap: 8px;
}
#accessibility button svg {
  width: 1.2rem;
  fill: var(--in-main-text-color);
}
#accessibility button span {
  display: none;
  white-space: nowrap;
  font-size: 1rem;
  font-family: inherit;
}
@media (any-pointer: coarse) {
  #accessibility button button {
    padding-inline: 1px 0 !important;
    padding: 1px 0 !important;
  }
  #accessibility button svg {
    width: 2.25rem;
    margin: 1px 0;
  }
}
@media print {
  #accessibility,
  #sitemap {
    display: none;
  }
}

#in-cmsbar {
  position: relative;
}

#in-skiplinks, .in-skiplinks {
  position: absolute;
}
#in-skiplinks ul, #in-skiplinks ol, .in-skiplinks ul, .in-skiplinks ol {
  list-style-type: "";
  width: fit-content;
  max-width: 100%;
  padding: clamp(2px, 0.1vw, 8px);
  margin: 0;
}
#in-skiplinks ul li, #in-skiplinks ol li, .in-skiplinks ul li, .in-skiplinks ol li {
  list-style-type: "";
  width: 100%;
  max-width: 100%;
  margin: 0;
}
#in-skiplinks ul li a[aria-current=true], #in-skiplinks ol li a[aria-current=true], .in-skiplinks ul li a[aria-current=true], .in-skiplinks ol li a[aria-current=true] {
  display: none;
}
@supports (selector(:has(p))) {
  #in-skiplinks ul li:has(a[aria-current=true]), #in-skiplinks ol li:has(a[aria-current=true]), .in-skiplinks ul li:has(a[aria-current=true]), .in-skiplinks ol li:has(a[aria-current=true]) {
    display: none;
  }
}

a.in-skiplink {
  position: absolute;
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
}
a.in-skiplink:focus-visible {
  background: var(--in-skiplink-bg, #fff);
  text-align: center;
  color: var(--in-main-text-color, #2C2C2C);
  fill: var(--in-main-text-color, #2C2C2C);
  font-weight: bold;
  z-index: 100000;
  margin: 6px;
  line-height: var(--in-line-height-basic, 1.25);
  padding: 14px 8px !important;
  padding: 4px clamp(2px, 0.1vw, 8px);
  clip-path: unset;
  border: unset;
  height: auto;
  margin: unset;
  overflow-x: visible;
  overflow-y: visible;
  width: fit-content;
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  a.in-skiplink:focus-visible {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  a.in-skiplink:focus-visible {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  a.in-skiplink:focus-visible {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  a.in-skiplink:focus-visible {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  a.in-skiplink:focus-visible {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
a.in-skiplink[href="#menu-closed"], a.in-skiplink[href="#main"], a.in-skiplink[href="#form"], a.in-skiplink[href="#footnotes"], a.in-skiplink[href="#footer"] {
  visibility: visible;
}

@keyframes showaria {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
https://developer.chrome.com/blog/new-in-web-ui-io-2024?hl=de#anchor_positioning
.anchor {
    anchor-name: --my-anchor;
  }
  .positioned {
    position: absolute;
    top: anchor(--my-anchor bottom);
    justify-self: anchor-center;
  }
*/
a[aria-label] {
  anchor-name: --my-anchor;
}
a[aria-label]:hover::after, a[aria-label]:focus-visible::after {
  content: attr(aria-label);
  top: anchor(--my-anchor bottom);
  justify-self: anchor-center;
  position: absolute;
  background: var(--in-white-tint1, #EEEEEE);
  border: 1px solid var(--in-black, #000000);
  color: var(--in-link-color, #1B0EAC);
  top: -32px;
  right: -16px;
  padding: 4px 8px;
  width: max-content;
  max-width: 90vw;
  z-index: 100000000;
  animation-delay: 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  animation-name: showaria;
  opacity: 0;
  font-size: 1rem;
  animation-duration: 0s;
}
@media (prefers-reduced-motion: no-preference) {
  a[aria-label]:hover::after, a[aria-label]:focus-visible::after {
    animation-duration: 0.5s;
  }
}

/*
a[aria-label]{
    &:hover, &:focus-visible{
        &::after {
            content: attr(aria-label);
            position: absolute;
            background: $in-white-tint1;
            border: 1px solid $in-black;
            color: $in-link-color;
            top: -32px;
            right: -16px;
            padding: 4px 8px;
            width: max-content;
            z-index: 100000000;
            animation-delay: 2s;
            animation-iteration-count: 1;
            animation-timing-function: ease-in;
            animation-fill-mode: forwards;
            animation-name: showaria;
            opacity: 0;
            font-size: 1rem;
            animation-duration: 0s;
            @media (prefers-reduced-motion: no-preference){
                animation-duration: .5s;
            }
        }
    }
}*/
header a[aria-label]:hover::after, header a[aria-label]:focus-visible::after {
  top: unset;
  bottom: -32px;
}

@supports (selector(:has(p))) {
  body:has(#form) a[href="#form"],
  body:has(#footnotes) a[href="#footnotes"] {
    visibility: visible;
  }
  body:not(:has(#form)) a[href="#form"],
  body:not(:has(#footnotes)) a[href="#footnotes"] {
    display: none;
  }
}
section:has(#toplink) {
  margin: 16px 0 8px 0;
}

.in-toplink {
  fill: purple;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  background: white;
}

body {
  background-color: var(--in-body-bg, #F0F0F0);
  color: var(--in-body-color, #000000);
}
body #in-skiplinks ul li a {
  background-color: var(--in-skiplink-bg, #D8DDFF);
}
body #in-skiplinks ul li a:any-link {
  color: var(--in-skiplink-link-color, #1B0EAC);
}
body header {
  background-color: var(--in-header-bg, #FFFFFF);
  border-color: var(--in-header-bg-border, #3F3F3F);
}
body main {
  background-color: var(--in-main-bg, #FAFAFF);
  border-color: var(--in-main-bg-border, transparent);
  color: var(--in-main-text-color, #2C2C2C);
}
body main h1, body main h2, body main h3, body main h4, body main h5, body main h6 {
  color: var(--in-main-headline-color, #0C207E);
}
body footer {
  background-color: var(--in-footer-bg, #FFFFFF);
  border-color: var(--in-footer-border, #3F3F3F);
  color: var(--in-footer-text-color, #2C2C2C);
}
body footer h1, body footer h2, body footer h3, body footer h4, body footer h5, body footer h6 {
  color: var(--in-footer-headline-color, #0C207E);
}

details summary {
  background-color: var(--in-summary-bg, #D7E5F7);
  outline: 1px solid var(--in-summary-border, transparent);
}
details summary:hover {
  background-color: var(--in-summary-bg-hover, #AECBEE);
}
details:not([open]) {
  background-color: var(--in-details-bg, #E7EEFB);
}
details[open] {
  outline: 1px solid var(--in-details-border, transparent);
}
details[open] summary {
  outline: 1px solid var(--in-summary-outline, #FFFFFF);
}

a {
  color: var(--in-link-color, #1B0EAC);
  text-decoration-color: var(--in-link-underline, #D2CFEF);
}
a:any-link {
  color: var(--in-link-color, #1B0EAC);
  text-decoration-color: var(--in-link-underline, #D2CFEF);
}
a:hover {
  color: var(--in-link-color-hover, #140A82);
  text-decoration-color: var(--in-link-color-hover, #140A82);
}

@media print {
  body, main, header, footer {
    background: none;
    background-color: unset !important;
  }
}
header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header a:any-link {
  text-decoration: none;
}
header #in-navigation ul.listlevel2 li a {
  padding: 0 16px;
}
header .in-pagename {
  font-size: clamp(1rem, 7vw, 2.5rem);
  padding: 0 clamp(2px, 0.1vw, 8px);
}
header .in-pageclaim {
  font-weight: normal;
  font-size: clamp(0.75rem, 5vw, 1rem);
  padding: 0 clamp(2px, 0.1vw, 8px);
  text-wrap: balance;
}
header #in-logoarea {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
}
header #in-logoarea svg.in-logo {
  height: var(--font-size-header-logo-svg, clamp(1.6rem, 9vw, 4rem));
}
header #in-logoarea svg, header #in-logoarea img {
  width: clamp(2rem, 20vw, 3.75rem);
  margin: 0 clamp(4px, 1vw, 16px) 0 0;
  height: auto;
  background-repeat: repeat;
}
main p:has(~ ul) {
  margin: 0 !important;
}
main p ~ ul {
  margin-block-start: 0 !important;
  margin-block-end: 40px !important;
}

/*max-width: 20vw; 
  min-width: 2rem;*/
@media (forced-colors: active) and (prefers-color-scheme: light) {
  header #in-logoarea svg, header #in-logoarea img {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  header #in-logoarea svg, header #in-logoarea img {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) {
  header #in-logoarea svg, header #in-logoarea img {
    padding: 3px;
  }
}
header #in-logoarea div:has(svg) {
  width: fit-content;
  height: fit-content;
}
header .in-logoname {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 0 0;
  margin: 4px 0;
  line-height: 1;
  width: fit-content;
}
header .in-logoname div, header .in-logoname span {
  margin: 0;
  line-height: 1;
  width: fit-content;
  display: block;
}
@media (min-width: 40rem) {
  header .in-logoname {
    margin: 0 5% 0 0;
    min-width: 100%;
  }
}
@media screen and (prefers-color-scheme: dark) {
  header .in-logoname .logo_light {
    display: none;
  }
}
@media screen and (prefers-color-scheme: light) {
  header .in-logoname .logo_dark {
    display: none;
  }
}
@media (max-width: 15rem) {
  header .in-logoname {
    flex-direction: column;
    text-align: center;
  }
  header .in-logoname .in-logoname span {
    white-space: initial;
    min-width: unset;
    hyphens: none;
  }
}
@media (forced-colors: active) {
  header ul.in_imagelist li, header ol.in_imagelist li {
    margin: 15px 0;
  }
}

section .in-inclusin-logo-outer, section .in-inclusin-logo-inner, main .in-inclusin-logo-outer, main .in-inclusin-logo-inner, footer .in-inclusin-logo-outer, footer .in-inclusin-logo-inner {
  fill: var(--in-black, #000000);
}

header .in-inclusin-logo-outer {
  fill: var(--in-black, #000000);
}
header .in-inclusin-logo-inner {
  fill: var(--yellow, yellow);
}

footer svg.in-logo {
  width: 1.5rem !important;
  margin: 0 3px 0 4px;
}

.in_flex_justify_center {
  display: flex;
  justify-content: center;
}

.in_flex_justify_start {
  display: flex;
  justify-content: flex-start;
}

.in_flex_justify_end {
  display: flex;
  justify-content: flex-end;
}

.in_flex_mc_tr2, .in_flex_mc_tr3, .in_flex_mc_tr4, .in_flex_mc_tr5 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.in-column, .in-row, .in-column-row, .in-row-column {
  display: flex;
  gap: 16px;
  gap: 0 16px;
}

.in-column {
  flex-direction: column;
}

.in-row {
  flex-direction: row;
}

.in-column-row {
  flex-direction: column;
}
@media (min-width: 40rem) {
  .in-column-row {
    flex-direction: row;
  }
}

.in-row-column {
  flex-direction: column;
}
@media (min-width: 40rem) {
  .in-row-column {
    flex-direction: row;
  }
}

@media (min-width: 40rem) {
  .in_flex_mc_tr2,
  .in_flex_mc_tr3,
  .in_flex_mc_tr4,
  .in_flex_mc_tr5 {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .in_flex_mc_tr2 > * {
    width: calc(50% - var(--in-flex-gap, 16px));
  }
  .in_flex_mc_tr3 > * {
    width: calc(33.33% - var(--in-flex-gap, 16px));
  }
  .in_flex_mc_tr4 > * {
    width: calc(25% - var(--in-flex-gap, 16px));
  }
  .in_flex_mc_tr5 > * {
    width: calc(20% - var(--in-flex-gap, 16px));
  }
  .in_flex_end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
.in-detail-shortanswer {
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: var(--in-details-border, transparent);
  padding: 8px;
}

.in-announcement {
  border: 2px dotted var(--in-input-outline, #1B0EAC);
  padding: 8px;
}

.in-hidden {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
}

@media print {
  .in-screen-only {
    display: none !important;
  }
}
.in-mobile-100 {
  width: 100%;
}

@media (min-width: 40rem) {
  .in_mobile_only {
    display: none;
  }
}
@media (max-width: 40rem) or (min-width: 64rem) {
  .in_tablet_only {
    display: none;
  }
}

@media (max-width: 64rem) {
  .in_desktop_only {
    display: none;
  }
}

@media (max-width: 39.9375rem) {
  .in-visually-hidden-mobile {
    border: none;
    background: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-wrap: nowrap;
    vertical-align: middle;
    display: inline-block;
    height: 0px;
    width: 0px;
    clip-path: rect(0px 0px 0px 0px);
  }
  .in-mobile-hidden {
    display: none;
  }
}
@media (min-width: 40rem) and (max-width: 63.9375rem) {
  .in-visually-hidden-tablet {
    border: none;
    background: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-wrap: nowrap;
    vertical-align: middle;
    display: inline-block;
    height: 0px;
    width: 0px;
    clip-path: rect(0px 0px 0px 0px);
  }
}
.in-sr-only {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
}

.in-list-style-none {
  list-style-type: "";
}

.in-list-indent-none, .in-list-indent-none ul {
  padding-left: 0;
}

.in-list-inline {
  display: flex;
  flex-wrap: wrap;
}

@media only screen {
  body:not(.dynamic):not(.editContent) .in-print-only {
    border: none;
    background: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-wrap: nowrap;
    vertical-align: middle;
    display: inline-block;
    height: 0px;
    width: 0px;
    clip-path: rect(0px 0px 0px 0px);
  }
  body.dynamic .in-print-only, body.editContent .in-print-only {
    position: relative;
    border: 1px dashed var(--in-black, #000);
    margin-top: 2rem;
  }
  body.dynamic .in-print-only::before, body.editContent .in-print-only::before {
    left: -1px;
    font: inherit;
    color: var(--in-ui-alert-bg, red);
    background: var(--in-ui-alert-color, white);
    position: absolute;
    padding: 2px;
    width: max-content;
    z-index: 10000;
    top: -1.25rem;
    border: 1px dashed var(--in-black, #000);
    top: -32px;
    padding: 0 4px;
    content: "This information is only shown in print-outs! (Please add data-attribute with this information, so it would be available for screenreader users!)";
    content: attr(data);
  }
}
.in_aspectratio_16_9 {
  aspect-ratio: 16/9;
}

.in_aspectratio_4_3 {
  aspect-ratio: 4/3;
}

.in_nowrap {
  white-space: nowrap;
}

.in_center, .in_center-inherit {
  text-align: center;
}

@media (min-width: 40rem) {
  .in_center-inherit {
    text-align: inherit;
  }
}
.in_underline {
  text-decoration: #f00 wavy underline;
}

.in-dir-sensitive-right, .in-dir-sensitive-center, .in-dir-sensitive-left {
  padding: 0 clamp(6px, 1vw, 16px);
}

.in-dir-sensitive-right {
  justify-content: flex-end;
}

.in-dir-sensitive-center {
  display: flex;
  justify-content: center;
}

.in-dir-sensitive-left {
  display: flex;
  justify-content: flex-start;
}

*[class*=in-dir-sensitive] {
  display: flex;
  row-gap: clamp(1rem, 100%, 32px);
  flex-wrap: wrap;
  clear: both;
}
@media screen and (any-pointer: coarse) {
  *[class*=in-dir-sensitive] {
    column-gap: 44px;
  }
}
@media (min-width: 40rem) {
  *[class*=in-dir-sensitive] {
    column-gap: clamp(1rem, 100%, 32px);
  }
}

.in-dir-center, .in-mobile-only-dir-center {
  display: flex;
}
.in-dir-center > *:not(.in-sr-only), .in-mobile-only-dir-center > *:not(.in-sr-only) {
  width: fit-content;
}

.in-dir-center {
  justify-content: center;
}

@media (max-width: 40rem) {
  .in-mobile-only-dir-center {
    justify-content: center;
  }
}
.in-marquee, marquee {
  background-color: #f00;
}

.in-blink, blink {
  background-color: #f00;
}

html:not([lang*=simple]) .in-center, html:not([lang*=simple]) center {
  background-color: #f00;
}

/*header {
    --in-simplesgn: 50px;
    &:not(:has(#in-simple)):not(:has(#in-sgn)){
        --in-simplesgn: 0px;
    }
    &:has(#in-simple), &:has(#in-sgn){
        --in-simplesgn: 50px;
    }
    &:has(#in-simple):has(#in-sgn){
        --in-simplesgn: 100px;
    }
}*/
html[dir=rtl] header #in-simplesgn {
  margin: 6px 0 0 6px;
}

#in-header-area {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 clamp(2px, 0.1vw, 8px);
}
@media screen and (min-width: 20rem) {
  #in-header-area {
    justify-content: space-between;
  }
}

#in-logoarea img {
  width: 100px;
}

#in-simplesgn {
  min-width: 5rem;
}
#in-simplesgn span.in-label {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
  text-wrap: nowrap;
}
#in-simplesgn .in-langvariant {
  line-height: 0.8;
}
#in-simplesgn .in-langvariant svg {
  width: clamp(24px, 5vw, 2rem);
  margin: 0 4px;
  height: auto;
}
#in-simplesgn ul {
  margin: 8px 0 0 16px;
  padding: 0;
  display: flex;
  gap: 8px;
}
#in-simplesgn ul li:has(a) {
  background-color: var(--in-white, #FFFFFF);
  border: 1px solid var(--in-black, #000000);
}
#in-simplesgn ul li a:hover::before {
  outline: 3px solid var(--in-link-color-hover, #140A82);
}
#in-simplesgn ul li, #in-simplesgn div {
  min-height: 50px;
  padding: 0 3px 0 1px;
  margin-bottom: 6px !important;
  display: flex;
  flex-direction: row;
  width: fit-content;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  border-radius: 3px;
  background-color: var(--in-white-tint3, #CCCCCC);
  border: 1px dotted transparent;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #in-simplesgn ul li, #in-simplesgn div {
    background-image: var(--in-svg-link-input-icon-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23D7E5F7' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #in-simplesgn ul li, #in-simplesgn div {
    background-image: var(--in-svg-link-input-icon-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%231b0eac' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
#in-simplesgn ul li:focus-within, #in-simplesgn div:focus-within {
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  #in-simplesgn ul li:focus-within, #in-simplesgn div:focus-within {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  #in-simplesgn ul li:focus-within, #in-simplesgn div:focus-within {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  #in-simplesgn ul li:focus-within, #in-simplesgn div:focus-within {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #in-simplesgn ul li:focus-within, #in-simplesgn div:focus-within {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  #in-simplesgn ul li:focus-within, #in-simplesgn div:focus-within {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
#in-simplesgn .in-unchecked, #in-simplesgn .in-unchecked svg,
#in-simplesgn .in-checked, #in-simplesgn .in-checked svg {
  border-radius: 40px;
  border-width: 2px;
  border-style: solid;
  width: 55px;
  height: 36px;
  padding: 0;
  margin-left: 12px;
}
#in-simplesgn .in-checked, #in-simplesgn .in-checked svg {
  background-color: var(--in-green, darkgreen);
}
#in-simplesgn .in-checked svg, #in-simplesgn .in-unchecked svg {
  width: 32px;
  height: 32px;
  border-width: 2px;
  padding: 4px;
}
@media (forced-colors: active) {
  #in-simplesgn .in-checked svg, #in-simplesgn .in-unchecked svg {
    border-style: none;
    border-style: none;
    outline: 2px solid;
  }
}
#in-simplesgn .in-unchecked {
  background-color: blue;
}
#in-simplesgn .in-unchecked svg {
  background-color: white;
  fill: var(--blue, blue);
}
#in-simplesgn .in-unchecked {
  border-color: var(--in-black-tint5, #555555);
  border-color: white;
  text-align: left;
}
#in-simplesgn .in-unchecked svg {
  border-color: var(--in-white, #FFFFFF);
  border-color: blue;
  margin-left: 0;
}
#in-simplesgn .in-checked {
  border-color: var(--in-green, darkgreen);
  text-align: right;
}
#in-simplesgn .in-checked svg {
  border-color: white;
}

@media (min-width: 15rem) {
  #in-simplesgn ul li {
    padding: 3px 3px 3px 1px;
  }
}
@media (min-width: 20rem) {
  #in-simplesgn {
    min-width: 15rem;
  }
  #in-simplesgn span.in-label {
    padding: 4px 0px 0 clamp(2px, 0.1vw, 8px);
    vertical-align: sub;
    padding: 4px clamp(2px, 0.1vw, 8px);
    clip-path: unset;
    border: unset;
    height: auto;
    margin: unset;
    overflow-x: visible;
    overflow-y: visible;
    width: fit-content;
  }
}
#emergencyexit_slot {
  position: fixed;
  bottom: 4px;
  left: 8px;
  z-index: 1000000;
  background: var(--in-footer-bg, #FFFFFF);
  border: 1px solid var(--in-black, #000000);
  width: 100%;
  border-radius: 16px;
  padding: 2px 8px;
  width: calc(100% - 16px);
}
@media (min-width: 48rem) {
  #emergencyexit_slot {
    left: calc(50% - 4rem);
    width: fit-content;
  }
}
#emergencyexit_slot h5 {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
}
#emergencyexit_slot ul {
  display: flex;
  justify-content: center;
}

body:has(#emergencyexit_slot) footer {
  margin-bottom: 5rem;
}

body.in-cms:has(#emergencyexit_slot) #debugging details {
  margin-bottom: 5rem;
}

body:has(#debugging) footer {
  margin-bottom: 1rem;
}

footer section {
  padding: 8px clamp(4px, 1vw, 16px);
}
footer section:not(:last-child) {
  border-bottom: 1px solid var(--in-white, #FFFFFF);
}

:root {
  --github: #1F2328;
  --email-outline: #1500ff;
  --email-inside: #FFF;
}
@media screen and (prefers-color-scheme: dark) {
  :root {
    --github: #f0f6fc;
    --email-inside: #1500ff;
    --email-outline: #FFF;
  }
}

section.in-icon-line {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.in-icon-line h5 {
  margin-top: 7px;
}
section.in-icon-line h5, section.in-icon-line ul {
  display: inline-block;
  width: max-content;
  max-width: 100%;
}
@media print {
  section.in-icon-line {
    flex-direction: column;
  }
  section.in-icon-line a:has(.in-icon-text)::after {
    content: attr(href);
  }
  section.in-icon-line a .in-icon-text {
    display: none !important;
  }
}
section.in-icon-line ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
section.in-icon-line ul li {
  margin-right: 8px;
}
section.in-icon-line ul li a {
  display: flex;
  width: fit-content;
  align-items: center;
}
section.in-icon-line > :first-Child {
  width: 25ch;
}
section.in-icon-line > :last-Child {
  width: 100%;
}
section.in-icon-line a {
  text-decoration-color: currentColor;
  text-decoration-style: dashed;
  text-decoration-thickness: from-font;
}

@supports not (-moz-orient: block) {
  a[href^="sms:"] {
    display: none !important;
  }
}
@media (min-width: 48rem) {
  section.in-icon-line {
    flex-direction: row;
  }
  section.in-icon-line ul {
    flex-direction: row;
  }
  section.in-icon-line > :first-Child {
    width: 15ch;
    flex-grow: 1;
  }
  section.in-icon-line > :last-Child {
    width: calc(100% - 30ch - 32px);
    flex-grow: 10;
  }
}
.in-icon-svg-wrapper svg {
  width: 100%;
  background: var(--in-icon-svg-wrapper, unset);
}

.in-icon-line.in-share .in-icon-svg-wrapper {
  background: var(--in-icon-svg-wrapper, unset);
}

.in-icon-text {
  margin: 0 8px 0 0;
}

.in-icon-svg-wrapper {
  margin: 1px;
}

.in-icon-line:not(.in-share) .in-icon-text {
  display: none;
}
.in-icon-line:not(.in-share) .in-icon-svg-wrapper {
  margin: 0;
}
.in-icon-line:not(.in-share) .in-icon-text {
  margin: 0 8px;
}

.in-share-square,
.in-share-speach,
.in-share-chip,
.in-share-tag,
.in-share-circle {
  margin: 8px 0 0 0;
}
.in-share-square .in-icon-svg-wrapper,
.in-share-speach .in-icon-svg-wrapper,
.in-share-chip .in-icon-svg-wrapper,
.in-share-tag .in-icon-svg-wrapper,
.in-share-circle .in-icon-svg-wrapper {
  background: var(--in-black);
}

.in-share-square .in-icon-svg-wrapper {
  background: var(--in-black);
}

.in-share-circle .in-icon-svg-wrapper,
.in-share-circle .in-tile-parent:has(a):focus-within a::before {
  border-radius: 50%;
}

.in-share-speach .in-icon-svg-wrapper,
.in-share-speach .in-tile-parent:has(a):focus-within a::before {
  border-radius: 50% 50% 50% 0;
}

.in-share-chip .in-icon-svg-wrapper,
.in-share-chip .in-tile-parent:has(a):focus-within a::before {
  border-radius: 40% 5% 40% 5%;
}

.in-share-tag .in-tile-parent:has(a):focus-within a::before {
  border-radius: 25%;
}
.in-share-tag .in-icon-svg-wrapper {
  background: radial-gradient(circle at top left, transparent 6px, var(--in-black) 0) top left, radial-gradient(circle at top right, transparent 6px, var(--in-black) 0) top right, radial-gradient(circle at bottom right, transparent 6px, var(--in-black) 0) bottom right, radial-gradient(circle at bottom left, transparent 6px, var(--in-black) 0) bottom left;
}

.in-share-label .in-tile-parent:has(a):focus-within a::before {
  border-radius: 25%;
}
.in-share-label .in-icon-svg-wrapper {
  background: linear-gradient(135deg, transparent 6px, var(--in-black) 0) top left, linear-gradient(225deg, transparent 6px, var(--in-black) 0) top right, linear-gradient(-45deg, transparent 6px, var(--in-black) 0) bottom right, linear-gradient(45deg, transparent 6px, var(--in-black) 0) bottom left;
}

.in-share-tag .in-icon-svg-wrapper,
.in-share-label .in-icon-svg-wrapper {
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

#in-svg-container {
  position: relative;
}
#in-svg-container svg {
  visibility: hidden;
}

/*canvas {
  display: block;
  width: 100%;
  visibility: hidden;
  position: absolute;
}*/
/*.in-images-svg-use {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}*/
div.in-images-svg-use {
  position: relative;
  width: 44px;
  height: 44px;
}

path.in-icon-fill-color {
  fill: var(--in-icon-fill-color, unset);
}

.in-icon-svg-wrapper {
  width: 44px;
  height: 44px;
}
@media (prefers-contrast: less) or (prefers-contrast: no-preference) {
  .in-icon-svg-wrapper svg {
    filter: saturate(0.8);
  }
}
@media (prefers-contrast: more) or (prefers-contrast: custom) {
  .in-icon-svg-wrapper svg {
    filter: saturate(1.2);
  }
}

picture {
  height: fit-content;
  margin-bottom: -7px;
}
picture source, picture img {
  width: 100%;
}

.in_flex_ratio_1_3:not(:has(select[multiple])):not(:has(input[type=color])):not(:has(input[type=range])), .in_form_ratio {
  align-items: baseline;
}

.in_flex_ratio_1_3, .in_form_ratio, fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
.in_flex_ratio_1_3 > *:first-child, .in_flex_ratio_1_3 > *:last-child, .in_form_ratio > *:first-child, .in_form_ratio > *:last-child, fieldset > *:first-child, fieldset > *:last-child {
  width: 100%;
}

.in_flex_ratio_1_3 > *:first-child {
  width: 100%;
}

a[id]:has(+ form):target {
  scroll-margin-top: 16px;
}

@media (min-width: 39.9375rem) {
  html:not([lang*=simple]) .in_flex_ratio_1_3, html:not([lang*=simple]) .in_form_ratio, html:not([lang*=simple]) fieldset {
    flex-direction: row;
  }
  html:not([lang*=simple]) .in_flex_ratio_1_3 > *:first-child:not(p), html:not([lang*=simple]) .in_form_ratio > *:first-child:not(p), html:not([lang*=simple]) fieldset > *:first-child:not(p) {
    width: var(--in-form-label-width, calc(25% - 8px)) !important;
    margin-right: 12px;
  }
  html:not([lang*=simple]) .in_flex_ratio_1_3 > *:last-child, html:not([lang*=simple]) .in_form_ratio > *:last-child, html:not([lang*=simple]) fieldset > *:last-child {
    width: var(--in-form-input-width, calc(75% - 8px));
  }
  @supports (hanging-punctuation: none) {
    html:not([lang*=simple]) fieldset {
      flex-direction: row-reverse;
    }
  }
}
@supports (hanging-punctuation: none) {
  html:not([lang*=simple]) fieldset {
    display: block;
  }
}
@media (max-width: 15rem) {
  form details summary {
    position: relative;
    padding: clamp(2px, 0.1vw, 4px);
  }
  form details summary::marker {
    color: transparent;
  }
  form details summary::before {
    content: "v auf v";
    color: inherit;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--in-black, #000000);
    padding: 0 1rem;
    margin-left: clamp(2px, 0.1vw, 4px);
  }
  form details[open] summary::before {
    content: "x zu x";
  }
  fieldset > div .entity {
    flex-direction: column-reverse;
    align-items: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: 100%;
  }
  fieldset > div .entity label {
    width: 100%;
  }
  p[id$=_help]:not(.textfield), div[id$=_help]:not(.textfield) {
    margin: 0 0 0 0;
    padding: clamp(2px, 0.1vw, 4px);
  }
  div:has(> input[type=file]) {
    padding: 0 var(--in-border-radius-3, 6px) 0 2rem !important;
    background-image: linear-gradient(90deg, var(--in-input-icon-bg, #D7E5F7) 2rem, var(--in-input-bg, #FFFFFF) 0);
  }
  div:has(> input[type=file])::before {
    background-image: linear-gradient(50deg, var(--in-input-icon-color, #1B0EAC) 88%, transparent 0);
    left: 0.4rem;
    top: 0.3rem;
    aspect-ratio: 1.2/1.5;
    height: 1rem;
  }
}
div.inputHug:has(input[type=file]) + div button {
  margin-top: 16px;
}

/*
div.inputHug:has( input[type=file] ) + div button {
    //border-color: green;
}
div.inputHug:has(input[type=file]:in-valid) + div button {
    border-color: red;
}
*/
@media (min-width: 15rem) {
  input[type=file]::-webkit-file-upload-button,
  input::file-selector-button {
    padding-right: 12px;
    border-radius: 0;
  }
}
@media screen and (min-width: 15rem) and (any-pointer: coarse) {
  input[type=file]::-webkit-file-upload-button,
  input::file-selector-button {
    padding: 12px var(--in-border-radius-3, 6px) !important;
  }
}
input, select, textarea {
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-family: inherit;
  font-size: 1rem !important;
  padding-top: 6px;
  padding-right: 2px;
  padding-bottom: 7px;
  padding-left: 0.7rem;
}
@media (any-pointer: coarse) {
  input, select, textarea {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@supports not (hanging-punctuation: none) {
  input, select, textarea {
    border-radius: 0 var(--in-border-radius-1, 2px) var(--in-border-radius-1, 2px) 0;
  }
}
@media screen and (any-pointer: coarse) and (min-width: 40rem) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

select option {
  border-radius: 0;
}

input, select,
div:has(> input), div:has(> select) {
  min-height: var(--in-input-height, calc(1rem + 16px));
  min-width: var(--in-input-height, calc(1rem + 16px));
}
@media (any-pointer: coarse) or (any-pointer: coarse) {
  input, select,
  div:has(> input), div:has(> select) {
    min-height: var(--in-input-height-coarse, clamp(1rem, 100%, 44px));
  }
}

form.genericForm .essential, form.genericForm .essentialdata, form.genericForm div:has(> input[type=hidden]:first-child), form.in-genericForm .essential, form.in-genericForm .essentialdata, form.in-genericForm div:has(> input[type=hidden]:first-child) {
  display: none;
}
form > div, form fieldset {
  padding: clamp(0.5rem, 0.5vh, 16px) 0;
  border-bottom: 1px dotted transparent;
}
@media (min-width: 39.9375rem) {
  form > div, form fieldset {
    padding: clamp(0.5rem, 0.5vh, 16px) var(--in-border-radius-3, 6px);
  }
}
form > div *[id$=_help], form > div.select, form > div details, form > div select, form fieldset *[id$=_help], form fieldset.select, form fieldset details, form fieldset select {
  width: 100%;
}
form h3 + fieldset {
  margin-top: 16px !important;
}
form details {
  margin: var(--in-border-width, 2px) 0 0 0;
  border-radius: 0 0 var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px);
}
form details:focus-within {
  border-radius: 1px 1px var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px);
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  form details:focus-within {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  form details:focus-within {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  form details:focus-within {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  form details:focus-within {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  form details:focus-within {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
form details summary {
  padding: 10px 10px var(--in-border-radius-3, 6px) 1.25rem;
}
form details:not([open]) {
  padding: 0 0 0 0;
}
form details:not([open]) summary {
  border-radius: 0 0 var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px);
}
form details[open] {
  padding: 0 0 var(--in-border-radius-3, 6px) 0;
}
form details[open] a:focus {
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  form details[open] a:focus {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  form details[open] a:focus {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  form details[open] a:focus {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  form details[open] a:focus {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  form details[open] a:focus {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
form details[open]:has(a:focus):focus-within {
  outline: none;
}

fieldset > div {
  border: 1px dotted transparent;
}
fieldset > div *[class$=_help] {
  border-width: 1px 0 0 0 !important;
}

p[id$=_help].file, div[id$=_help].file {
  margin: 0 0 0 0;
}
p[id$=_help]:not(.textfield):not(.file), div[id$=_help]:not(.textfield):not(.file) {
  margin: 2px 0 0 0;
}
p[id$=_help]:not(.textfield), div[id$=_help]:not(.textfield) {
  border-radius: 0 0 var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px);
  align-self: flex-end;
  border-style: dotted;
}
@media (min-width: 20rem) {
  p[id$=_help]:not(.textfield), div[id$=_help]:not(.textfield) {
    padding: 0.5rem 10px 0.625rem 10px;
  }
}
p[id$=_help]:not(.textfield):not(.checkbox):not(.radio), div[id$=_help]:not(.textfield):not(.checkbox):not(.radio) {
  border-width: 0 1px 1px 1px;
}
p[id$=_help].checkbox, p[id$=_help].radio, div[id$=_help].checkbox, div[id$=_help].radio {
  border-width: 1px 0 0 0;
}
p.textfield, div.textfield {
  border-radius: var(--in-border-radius-3, 6px);
}

fieldset {
  border: none;
}
fieldset > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px);
}
fieldset > div div.inSquare {
  padding: 0 16px 0 var(--in-border-radius-3, 6px);
}
fieldset > div .entity label {
  display: flex;
  align-items: center;
}
fieldset > div:has(p[id$=_help]) div, fieldset > div:has(details[id$=_help]) div {
  hyphens: auto;
}
fieldset > div:has(p[id$=_help]) div:first-child, fieldset > div:has(details[id$=_help]) div:first-child {
  border-radius: var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px) 0 0;
}
fieldset > *:nth-child(1n+1) {
  float: right;
}
fieldset > *:first-child {
  float: left;
}

label, legend {
  display: block;
  overflow-wrap: anywhere;
  hyphens: auto;
  padding: 6px 0;
}
@media (min-width: 20rem) {
  label, legend {
    font-weight: bold;
  }
}
label:not(.radio):not(.checkbox), legend:not(.radio):not(.checkbox) {
  margin: 6px 0;
}
label.radio, label.checkbox, legend.radio, legend.checkbox {
  width: 100%;
}

label {
  cursor: pointer;
}

p.label {
  margin: 12px 0 0 0 !important;
}

label:not(.textarea), legend {
  width: 100%;
}
@media (min-width: 20rem) {
  label:not(.textarea), legend {
    min-width: 10rem;
  }
}

@media (min-width: 40rem) {
  html:not([lang*=simple]) label.textarea ~ p[class*=_help], html:not([lang*=simple]) label.textarea ~ div[class*=_help], html:not([lang*=simple]) legend.textarea ~ p[class*=_help], html:not([lang*=simple]) legend.textarea ~ div[class*=_help] {
    width: var(--in-form-input-width, calc(75% - 8px));
  }
}

@media (min-width: 39.9375rem) {
  div.in_flex_end > label {
    width: calc(20% - 16px);
    width: 100%;
    min-width: 18rem;
  }
}
div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])), div:has(> select), div:has(> textarea) {
  padding: 0 0 0 0;
  outline-style: solid;
  outline-width: var(--in-border-width, 2px);
}
@supports not (hanging-punctuation: none) {
  div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])), div:has(> select), div:has(> textarea) {
    border-radius: var(--in-border-radius-1, 2px);
  }
}
div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-within, div:has(> select):focus-within, div:has(> textarea):focus-within {
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-within, div:has(> select):focus-within, div:has(> textarea):focus-within {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-within, div:has(> select):focus-within, div:has(> textarea):focus-within {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-within, div:has(> select):focus-within, div:has(> textarea):focus-within {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-within, div:has(> select):focus-within, div:has(> textarea):focus-within {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  div.inputHug:has(> input:not([type=checkbox]):not([type=radio]):not([type=range])):focus-within, div:has(> select):focus-within, div:has(> textarea):focus-within {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

div:has(> select),
input, select, textarea {
  box-sizing: border-box;
  font-weight: normal;
  line-height: 1.5;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  border-width: 0px;
}

input:focus-visible, input:focus-within, select:focus-visible, select:focus-within, textarea:focus-visible, textarea:focus-within {
  outline: none;
}

input[type=radio], input[type=checkbox] {
  cursor: pointer;
  float: left;
  padding: 0px;
  margin: 0px !important;
  border-width: var(--in-border-width, 2px);
  border-style: solid;
  width: 100%;
  height: 100%;
}
@media (forced-colors: active) {
  input[type=radio], input[type=checkbox] {
    border-width: 4px;
  }
}
@media screen and (any-pointer: coarse) {
  input[type=radio], input[type=checkbox] {
    aspect-ratio: 1/1;
    width: var(--in-input-height-coarse, clamp(1rem, 100%, 44px));
    height: var(--in-input-height-coarse, clamp(1rem, 100%, 44px));
  }
}
input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports not (hanging-punctuation: none) {
  input[type=checkbox] {
    border-radius: var(--in-border-radius-1, 2px);
  }
}
input[type=radio] {
  border-radius: 50%;
}
input[type=file] {
  padding: 0 !important;
}
@supports (hanging-punctuation: none) {
  input[type=search] {
    height: var(--in-input-height-search, clamp(24px, 100vh, 2rem));
    height: var(--in-input-height-search, clamp(24px, 100vh, 2rem));
  }
}
input[type=color] {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0;
}
input[type=color], input[type=color i]::-webkit-color-swatch {
  height: var(--in-input-height-search, clamp(24px, 100vh, 2rem));
}
@media (any-pointer: coarse) {
  input[type=color], input[type=color i]::-webkit-color-swatch {
    height: var(--in-input-height-search-coarse, clamp(44px, 100vh, 2.5rem));
  }
}
input[type=color i]::-webkit-color-swatch-wrapper {
  padding: 0 !important;
}
input[type=color i]::-webkit-color-swatch {
  border: var(--in-white, #FFFFFF);
}
input[type=range] {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
}
input[type=range] ::-webkit-slider-container {
  background: transparent;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 12px;
  width: 100%;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--in-gradient-0, #8FFFE3) 50%, var(--in-gradient-1, #E0AFFF));
  user-select: none;
  outline-style: solid;
  outline-width: var(--in-border-width, 2px);
  outline-color: var(--in-input-outline, #1B0EAC);
  border-radius: var(--in-border-radius-1, 2px);
}
@media (forced-colors: active) {
  input[type=range]::-webkit-slider-runnable-track {
    height: 9px;
  }
}
input[type=range]::-webkit-slider-thumb {
  background-image: linear-gradient(45deg, var(--in-link-color, #1B0EAC) calc(50% - 6px), transparent 0, transparent calc(50% + 6px), var(--in-link-color, #1B0EAC) 0);
  border: none;
  border-radius: var(--in-border-radius-1, 2px);
  background: transparent;
  cursor: pointer;
  margin-top: -2px;
  transform: rotate(45deg) scale(2);
  box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 1px 1px var(--in-black, #000000), -1px 1px var(--in-black, #000000), 1px -1px var(--in-black, #000000), -1px -1px var(--in-black, #000000);
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=range]::-webkit-slider-thumb {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=range]::-webkit-slider-thumb {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports (-moz-orient: block) {
  input[type=range]::-webkit-slider-thumb {
    outline: var(--in-border-width, 2px) solid var(--in-black, #000000);
  }
}
@media (any-pointer: coarse) {
  input[type=range]::-webkit-slider-thumb {
    width: 48px;
  }
}
input[type=range]::-webkit-media-slider-thumb {
  background-image: linear-gradient(45deg, var(--in-link-color, #1B0EAC) calc(50% - 6px), transparent 0, transparent calc(50% + 6px), var(--in-link-color, #1B0EAC) 0);
  border: none;
  border-radius: var(--in-border-radius-1, 2px);
  background: transparent;
  cursor: pointer;
  margin-top: -2px;
  transform: rotate(45deg) scale(2);
  box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 1px 1px var(--in-black, #000000), -1px 1px var(--in-black, #000000), 1px -1px var(--in-black, #000000), -1px -1px var(--in-black, #000000);
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=range]::-webkit-media-slider-thumb {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=range]::-webkit-media-slider-thumb {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports (-moz-orient: block) {
  input[type=range]::-webkit-media-slider-thumb {
    outline: var(--in-border-width, 2px) solid var(--in-black, #000000);
  }
}
@media (any-pointer: coarse) {
  input[type=range]::-webkit-media-slider-thumb {
    width: 48px;
  }
}
input[type=range]:focus-visible::-webkit-slider-thumb {
  background-image: linear-gradient(45deg, var(--in-link-focus-outline, #140A82) calc(50% - 6px), transparent 0, transparent calc(50% + 6px), var(--in-link-focus-outline, #140A82) 0);
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=range]:focus-visible::-webkit-slider-thumb {
    background-image: var(--in-svg-link-focus-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2337006E' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=range]:focus-visible::-webkit-slider-thumb {
    background-image: var(--in-svg-link-focus-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%231AEBFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports not (-moz-orient: block) {
  input[type=range]:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 2px 2px var(--in-link-focus-outline, #140A82), -2px 2px var(--in-link-focus-outline, #140A82), 2px -2px var(--in-link-focus-outline, #140A82), -2px -2px var(--in-link-focus-outline, #140A82), 4px 4px var(--in-white, #FFFFFF), -4px 4px var(--in-white, #FFFFFF), 4px -4px var(--in-white, #FFFFFF), -4px -4px var(--in-white, #FFFFFF), 6px 6px var(--in-link-focus-outline, #140A82), -6px 6px var(--in-link-focus-outline, #140A82), 6px -6px var(--in-link-focus-outline, #140A82), -6px -6px var(--in-link-focus-outline, #140A82);
    transform: rotate(45deg) scale(1.5);
  }
}
@supports (-moz-orient: block) {
  input[type=range]:focus-visible::-webkit-slider-thumb {
    border-radius: 1px;
    box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 3px 3px var(--in-white, #FFFFFF), -3px 3px var(--in-white, #FFFFFF), 3px -3px var(--in-white, #FFFFFF), -3px -3px var(--in-white, #FFFFFF);
    outline: 4px double var(--in-link-focus-outline, #140A82);
    outline-offset: 0;
    transform: rotate(45deg) scale(1.75);
  }
}
input[type=range]:focus-visible::-webkit-slider-runnable-track {
  height: 12px;
  width: 100%;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--in-gradient-0, #8FFFE3) 50%, var(--in-gradient-1, #E0AFFF));
  user-select: none;
  outline-style: solid;
  outline-width: var(--in-border-width, 2px);
  outline-color: var(--in-input-outline, #1B0EAC);
  border-radius: var(--in-border-radius-1, 2px);
}
@media (forced-colors: active) {
  input[type=range]:focus-visible::-webkit-slider-runnable-track {
    height: 9px;
  }
}
input[type=range]::-moz-range-track {
  height: 12px;
  width: 100%;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--in-gradient-0, #8FFFE3) 50%, var(--in-gradient-1, #E0AFFF));
  user-select: none;
  outline-style: solid;
  outline-width: var(--in-border-width, 2px);
  outline-color: var(--in-input-outline, #1B0EAC);
  border-radius: var(--in-border-radius-1, 2px);
}
@media (forced-colors: active) {
  input[type=range]::-moz-range-track {
    height: 9px;
  }
}
input[type=range]::-moz-range-thumb {
  background-image: linear-gradient(45deg, var(--in-link-color, #1B0EAC) calc(50% - 6px), transparent 0, transparent calc(50% + 6px), var(--in-link-color, #1B0EAC) 0);
  border: none;
  border-radius: var(--in-border-radius-1, 2px);
  background: transparent;
  cursor: pointer;
  margin-top: -2px;
  transform: rotate(45deg) scale(2);
  box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 1px 1px var(--in-black, #000000), -1px 1px var(--in-black, #000000), 1px -1px var(--in-black, #000000), -1px -1px var(--in-black, #000000);
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=range]::-moz-range-thumb {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=range]::-moz-range-thumb {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports (-moz-orient: block) {
  input[type=range]::-moz-range-thumb {
    outline: var(--in-border-width, 2px) solid var(--in-black, #000000);
  }
}
@media (any-pointer: coarse) {
  input[type=range]::-moz-range-thumb {
    width: 48px;
  }
}
input[type=range]:focus-visible::-moz-range-thumb {
  background-image: linear-gradient(45deg, var(--in-link-focus-outline, #140A82) calc(50% - 6px), transparent 0, transparent calc(50% + 6px), var(--in-link-focus-outline, #140A82) 0);
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=range]:focus-visible::-moz-range-thumb {
    background-image: var(--in-svg-link-focus-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2337006E' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=range]:focus-visible::-moz-range-thumb {
    background-image: var(--in-svg-link-focus-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%231AEBFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports not (-moz-orient: block) {
  input[type=range]:focus-visible::-moz-range-thumb {
    box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 2px 2px var(--in-link-focus-outline, #140A82), -2px 2px var(--in-link-focus-outline, #140A82), 2px -2px var(--in-link-focus-outline, #140A82), -2px -2px var(--in-link-focus-outline, #140A82), 4px 4px var(--in-white, #FFFFFF), -4px 4px var(--in-white, #FFFFFF), 4px -4px var(--in-white, #FFFFFF), -4px -4px var(--in-white, #FFFFFF), 6px 6px var(--in-link-focus-outline, #140A82), -6px 6px var(--in-link-focus-outline, #140A82), 6px -6px var(--in-link-focus-outline, #140A82), -6px -6px var(--in-link-focus-outline, #140A82);
    transform: rotate(45deg) scale(1.5);
  }
}
@supports (-moz-orient: block) {
  input[type=range]:focus-visible::-moz-range-thumb {
    border-radius: 1px;
    box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 3px 3px var(--in-white, #FFFFFF), -3px 3px var(--in-white, #FFFFFF), 3px -3px var(--in-white, #FFFFFF), -3px -3px var(--in-white, #FFFFFF);
    outline: 4px double var(--in-link-focus-outline, #140A82);
    outline-offset: 0;
    transform: rotate(45deg) scale(1.75);
  }
}
input[type=range]::-ms-track {
  height: 12px;
  width: 100%;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--in-gradient-0, #8FFFE3) 50%, var(--in-gradient-1, #E0AFFF));
  user-select: none;
  outline-style: solid;
  outline-width: var(--in-border-width, 2px);
  outline-color: var(--in-input-outline, #1B0EAC);
  border-radius: var(--in-border-radius-1, 2px);
}
@media (forced-colors: active) {
  input[type=range]::-ms-track {
    height: 9px;
  }
}
input[type=range]::-ms-thumb {
  background-image: linear-gradient(45deg, var(--in-link-color, #1B0EAC) calc(50% - 6px), transparent 0, transparent calc(50% + 6px), var(--in-link-color, #1B0EAC) 0);
  border: none;
  border-radius: var(--in-border-radius-1, 2px);
  background: transparent;
  cursor: pointer;
  margin-top: -2px;
  transform: rotate(45deg) scale(2);
  box-shadow: 0px 0 0 68px var(--in-white, #FFFFFF) inset, 1px 1px var(--in-black, #000000), -1px 1px var(--in-black, #000000), 1px -1px var(--in-black, #000000), -1px -1px var(--in-black, #000000);
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=range]::-ms-thumb {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=range]::-ms-thumb {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@supports (-moz-orient: block) {
  input[type=range]::-ms-thumb {
    outline: var(--in-border-width, 2px) solid var(--in-black, #000000);
  }
}
@media (any-pointer: coarse) {
  input[type=range]::-ms-thumb {
    width: 48px;
  }
}
input[type=range]::-ms-fill-lower {
  background: var(--in-gradient-0, #8FFFE3);
}
input[type=range]::-ms-fill-upper {
  background: var(--in-gradient-1, #E0AFFF);
}
input[type=range]:focus-visible::-ms-fill-lower {
  background: var(--in-gradient-0, #8FFFE3);
}
input[type=range]:focus-visible::-ms-fill-upper {
  background: var(--in-gradient-1, #E0AFFF);
}
input[readonly], input[disabled] {
  cursor: not-allowed;
}

textarea {
  resize: vertical;
  height: 50vh;
  hyphens: none;
}
textarea[maxlength="50"], textarea[maxlength="70"] {
  height: 4rem;
}
textarea[maxlength="150"], textarea[maxlength="160"] {
  height: 8rem;
}
textarea[maxlength="300"] {
  height: 16rem;
}
textarea[maxlength="750"] {
  height: 36rem;
}
textarea[maxlength="3000"] {
  height: 160rem;
}
@media (min-width: 39.9375rem) {
  textarea[maxlength="150"] {
    height: 4rem;
  }
  textarea[maxlength="300"] {
    height: 9rem;
  }
  textarea[maxlength="750"] {
    height: 20rem;
  }
  textarea[maxlength="3000"] {
    height: 60rem;
  }
}
@media (min-width: 64rem) {
  textarea[maxlength="150"] {
    height: 4rem;
  }
  textarea[maxlength="300"] {
    height: 8rem;
  }
  textarea[maxlength="750"] {
    height: 15rem;
  }
  textarea[maxlength="3000"] {
    height: 56rem;
  }
}

div:has(> select) {
  background-image: linear-gradient(90deg, var(--in-input-icon-bg, #D7E5F7) 2rem, var(--in-input-bg, #FFFFFF) 0);
}
div:has(> select) select {
  padding-left: clamp(2px, 0.1vw, 4px);
}

div:has(> select[disabled]) {
  background-image: linear-gradient(90deg, var(--in-input-disabled-icon, #DDDDDD) 2rem, var(--in-input-bg, #FFFFFF) 0);
  border-width: 1px;
  border-style: solid;
}

select {
  border: none;
  outline: none;
  margin: 0;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  padding: 0;
  height: var(--in-input-height, calc(1rem + 16px));
}
@media not (any-pointer: coarse) {
  @supports not (hanging-punctuation: none) {
    select[multiple] {
      min-height: calc(4 * (1rem + 28px));
    }
    select[multiple]:has(option:nth-child(6)) {
      min-height: calc(6 * (1rem + 28px));
    }
    select[multiple]:has(option:nth-child(8)) {
      min-height: calc(8 * (1rem + 28px));
    }
    select[multiple]:has(option:nth-child(10)) {
      min-height: calc(10 * (1rem + 28px));
    }
  }
  @supports (hanging-punctuation: none) {
    select[multiple] {
      min-height: calc(4 * (1rem + 6px));
    }
    select[multiple]:has(option:nth-child(6)) {
      min-height: calc(6 * (1rem + 6px));
    }
    select[multiple]:has(option:nth-child(8)) {
      min-height: calc(8 * (1rem + 6px));
    }
    select[multiple]:has(option:nth-child(10)) {
      min-height: calc(10 * (1rem + 6px));
    }
  }
}
@supports not (hanging-punctuation: none) {
  select[multiple] option {
    cursor: pointer;
    padding: 0 var(--in-border-radius-3, 6px);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: var(--in-input-height-coarse, clamp(1rem, 100%, 44px));
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    text-wrap: wrap;
  }
}

div:has(> input[type=range]) ~ *[class*=_help] {
  margin-top: 15px;
}

@media (forced-colors: active) {
  *[class$=_help] {
    border-top-width: 0;
  }
}
input:not([type=range]):not([type=radio]):not([type=checkbox])[aria-required]:invalid,
input:not([type=range]):not([type=radio]):not([type=checkbox])[required]:not[readonly]:not(:user-valid):not(:valid),
textarea[aria-required]:not(:user-valid):not(:valid),
textarea[required]:not[readonly]:not(:user-valid):not(:valid) {
  background-size: clamp(2px, 0.2rem, 8px) !important;
  background-repeat: repeat-y !important;
}

input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color])[aria-required]:valid,
input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color])[required]:valid {
  background-image: none;
}

div:has(> input[type=file]),
div:has(> select) {
  padding: 0 0 0 2rem;
  position: relative;
}
div:has(> input[type=file])::before,
div:has(> select)::before {
  content: " ";
  position: absolute;
}

input[type=file]::-webkit-file-upload-button,
input::file-selector-button {
  padding-left: 4px;
  padding-top: 11px;
  padding-bottom: 11px;
  border: none;
}

@media (max-width: 20rem) {
  input[type=file]::-webkit-file-upload-button,
  input::file-selector-button {
    width: 1px;
    visibility: hidden;
    min-height: clamp(1rem, 10vh, 2rem);
  }
}
div:has(> select[multiple])::before {
  width: 1.2rem;
  height: 0.2rem;
  left: 0.45rem;
  top: 1rem;
}

div:has(> select:not([multiple]))::before {
  width: 2rem;
  height: 0;
  left: 0.75rem;
  top: calc(50% - 0.7rem);
}

div:has(> select:not([multiple])[disabled])::before {
  border-left: 0.7rem solid var(--in-input-disabled-outline, #959595);
}

@media screen {
  select[multiple] option:not(:first-child):before {
    content: "-";
    width: 1ch;
  }
  select[multiple] option:not(:first-child):checked:before {
    content: "X";
    width: 1ch;
  }
  div:has(> select:not([multiple]) option:not(:first-child):checked):before::before {
    border-top: 0.7rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-left: 0.7rem solid var(--in-input-outline, #1B0EAC);
  }
}
@media screen and (any-pointer: coarse) {
  div:has(> select), div:has(> input:not([type=checkbox]):not([type=radio])), div:has(> textarea) {
    width: 95%;
  }
}
summary, button, input[type=file i], select {
  cursor: pointer;
}

button, button > span a.in-button-style,
a.in-button-style > span {
  font-size: 1.25rem;
  text-decoration: none;
}

button, a.in-button-style {
  width: 100%;
  min-height: 34px;
  text-align: center;
  padding: clamp(4px, 0.1vw, 8px) 16px;
  margin: clamp(2px, 0.1vw, 8px) 0 clamp(2px, 0.1vw, 16px) 0;
  background-size: 110%;
  border-radius: 2rem;
  border-style: solid;
  border-width: var(--in-border-width, 2px);
  color: var(--in-button-primary-text, #000000);
  fill: var(--in-button-primary-text, #000000);
  border-color: var(--in-button-primary-outline, #1B0EAC);
  background-image: linear-gradient(180deg, var(--in-button-primary-bg-1, #d7e5f7), var(--in-button-primary-bg-2, #92B6E6));
  border-radius: 2rem;
  border-style: inset;
  border-width: var(--in-border-width, 2px);
  background-size: 110% 110%;
}
button:hover, a.in-button-style:hover {
  background-image: linear-gradient(180deg, var(--in-button-primary-bg-2, #92B6E6), var(--in-button-primary-bg-1, #d7e5f7));
}
button:focus-visible, a.in-button-style:focus-visible {
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  button:focus-visible, a.in-button-style:focus-visible {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  button:focus-visible, a.in-button-style:focus-visible {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  button:focus-visible, a.in-button-style:focus-visible {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  button:focus-visible, a.in-button-style:focus-visible {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  button:focus-visible, a.in-button-style:focus-visible {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
button::after, a.in-button-style::after {
  content: none;
}

@media (min-width: 39.9375rem) {
  button:not(.in-cms-button), a.in-button-style {
    width: fit-content;
    min-width: 8rem;
  }
}
@media (pointer: coarse) {
  button:not(.in-cms-button), a.in-button-style {
    padding: 8px 16px;
    min-height: 44px;
  }
}

button[value=delete], button[reset], button[value=back], input[value*="***"], button[disabled] {
  filter: saturate(10%);
}
button[value=delete]:focus-visible, button[reset]:focus-visible, button[value=back]:focus-visible, input[value*="***"]:focus-visible, button[disabled]:focus-visible {
  filter: saturate(100%);
}
@media (forced-colors: active) {
  button[value=delete], button[reset], button[value=back], input[value*="***"], button[disabled] {
    border-style: dashed;
  }
}

.helpHug:has(.in-form-infobutton) {
  display: flex;
}
.helpHug:has(.in-form-infobutton) .inputHug {
  width: calc(100% - 44px);
}
.helpHug:has(.in-form-infobutton) *[id*=_help] {
  width: 44px;
  border-width: 1px 1px 1px 0 !important;
  border-radius: 0 var(--in-border-radius-3, 6px) var(--in-border-radius-3, 6px) 0;
}

label.button, label.image, label.reset, label.submit {
  cursor: not-allowed;
}
label.button, label.datetime, label.image, label.reset, label.submit {
  min-width: 100%;
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  height: fit-content;
  width: 1rem;
}
label.button::after, label.datetime::after, label.image::after, label.reset::after, label.submit::after {
  color: red;
  content: ' – Do not use the input type="' attr(class) '"!';
}

div:has(> label.button) div.inputHug,
div:has(> label.datetime) div.inputHug,
div:has(> label.image) div.inputHug,
div:has(> label.reset) div.inputHug,
div:has(> label.submit) div.inputHug {
  display: none;
}

:root {
  --in-vertical-pointer-2-12: 2px;
}
@media screen and (any-pointer: coarse) {
  :root {
    --in-vertical-pointer-2-12: 12px;
  }
}

:root {
  --in-line-height-double: 2;
}
@media screen and (max-width: 20rem) {
  :root {
    --in-line-height-double: 1;
  }
}

form.genericForm > div {
  border-bottom: 1px solid var(--in-form-row-border-color, #D7E5F7);
}
@media (forced-colors: active) {
  form.genericForm > div.in-dir-sensitive-right {
    border-bottom-style: dashed;
  }
  form.genericForm > div:not(.in-dir-sensitive-right) {
    border-bottom: none;
  }
}
form.genericForm > div:not([class*=in-dir]):not(input[type=hidden]):nth-child(odd) fieldset > div .entity {
  border-bottom-color: var(--in-white-10pc, rgba(255, 255, 255, 0.1));
}
form.genericForm > div:not([class*=in-dir]):not(input[type=hidden]):nth-child(even) fieldset > div .entity {
  border-bottom-color: var(--in-white-10pc, rgba(255, 255, 255, 0.1));
}
@media (min-width: 40rem) {
  form.genericForm > div:not([class*=in-dir]):not(input[type=hidden]):nth-child(odd) {
    background: var(--in-form-row-odd, #e7e7e7);
  }
  form.genericForm > div:not([class*=in-dir]):not(input[type=hidden]):nth-child(even) {
    background: var(--in-form-row-even, #FFFFFF);
  }
}
form.genericForm .entity:nth-child(even) {
  background-color: var(--in-white-20pc, rgba(255, 255, 255, 0.2));
}
form details summary {
  background: var(--in-form-help-bg, #F0F0F0);
}
form details summary:hover {
  background: var(--in-form-help-bg-details-hover, #DDDDDD);
}
form details[open] {
  background: var(--in-form-help-bg-details, #EEEEEE);
}
form details[open] summary {
  background: var(--in-form-help-bg-details-hover, #DDDDDD);
}

input:not([type=range]):not([type=radio]):not([type=checkbox])[aria-required]:invalid,
input:not([type=range]):not([type=radio]):not([type=checkbox])[required]:not[readonly]:not(:user-valid):not(:valid),
textarea[aria-required]:not(:user-valid):not(:valid),
textarea[required]:not[readonly]:not(:user-valid):not(:valid) {
  background-repeat: repeat;
}
@media (prefers-color-scheme: light) {
  input:not([type=range]):not([type=radio]):not([type=checkbox])[aria-required]:invalid,
  input:not([type=range]):not([type=radio]):not([type=checkbox])[required]:not[readonly]:not(:user-valid):not(:valid),
  textarea[aria-required]:not(:user-valid):not(:valid),
  textarea[required]:not[readonly]:not(:user-valid):not(:valid) {
    background-image: var(--in-svg-red-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='darkred' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media screen and (prefers-color-scheme: dark) {
  input:not([type=range]):not([type=radio]):not([type=checkbox])[aria-required]:invalid,
  input:not([type=range]):not([type=radio]):not([type=checkbox])[required]:not[readonly]:not(:user-valid):not(:valid),
  textarea[aria-required]:not(:user-valid):not(:valid),
  textarea[required]:not[readonly]:not(:user-valid):not(:valid) {
    background-image: var(--in-svg-red-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='red' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  div:has(> input):focus-within,
  div:has(> select):focus-within,
  div:has(> textarea):focus-within {
    background-image: var(--in-svg-link-input-icon-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23D7E5F7' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  div:has(> input):focus-within,
  div:has(> select):focus-within,
  div:has(> textarea):focus-within {
    background-image: var(--in-svg-link-input-icon-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%231b0eac' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

@media screen {
  div:has(> input[type=""]) {
    border-color: var(--in-red, darkred) !important;
    outline-color: var(--in-red, darkred) !important;
    background-color: var(--in-red, darkred);
  }
  div:has(> input[type=""])::before {
    background-color: var(--in-red, darkred) !important;
  }
  div:has(> select[multiple])::before {
    background-color: var(--in-input-outline, #1B0EAC);
    box-shadow: 0 0.5rem 0 0 var(--in-input-outline, #1B0EAC), 0 -0.5rem 0 0 var(--in-input-outline, #1B0EAC);
  }
  div:has(> select:not([multiple]))::before {
    border-top: 0.7rem solid transparent;
    border-bottom: 0.7rem solid transparent;
    border-left: 0.7rem solid var(--in-input-outline, #1B0EAC);
  }
  select[multiple] option {
    border-bottom-color: var(--in-black, #000000);
    background: var(--in-select-option, #ffffff);
  }
  select[multiple] option:checked {
    color: var(--in-black, #000000);
    background: var(--in-select-option-checked, #AECBEE);
  }
  select[multiple] option:hover {
    background: var(--in-select-option-hover, #D7E5F7);
  }
  select:not([multiple]):not([disabled]) {
    background-image: linear-gradient(180deg, var(--in-white, #FFFFFF), var(--in-white-tint2, #DDDDDD));
  }
  select:not([multiple]):not([disabled]):hover {
    background-image: linear-gradient(0deg, var(--in-white-tint2, #DDDDDD), var(--in-white, #FFFFFF));
  }
  select[required]:not([disabled]):not(:user-valid):not(:valid), select[aria-required]:not([disabled]):not(:user-valid):not(:valid) {
    border-left-color: var(--in-red, darkred) !important;
    border-left-width: clamp(2px, 0.2rem, 8px);
    border-left-style: solid;
  }
}
input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]), div:has(> select), select, textarea {
  color: var(--in-input-text, #2C2C2C) !important;
  caret-color: var(--in-input-caret, #1B0EAC);
}

@media (forced-colors: active) {
  input[type=radio], input[type=checkbox] {
    background-size: calc(100% - 4px);
    background-position: 50% 50%;
    background-repeat: no-repeat !important;
  }
}
input[type=radio][disabled], input[type=checkbox][disabled],
div:has(> textarea[disabled]),
div:has(> textarea[readonly]),
div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly]),
div:has(> select[disabled]) {
  border-color: var(--in-input-disabled-outline, #959595);
  outline-color: var(--in-input-disabled-outline, #959595);
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=radio][disabled], input[type=checkbox][disabled],
  div:has(> textarea[disabled]),
  div:has(> textarea[readonly]),
  div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly]),
  div:has(> select[disabled]) {
    background-image: var(--in-svg-bg-disabled-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23CCCCCC' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=radio][disabled], input[type=checkbox][disabled],
  div:has(> textarea[disabled]),
  div:has(> textarea[readonly]),
  div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly]),
  div:has(> select[disabled]) {
    background-image: var(--in-svg-bg-disabled-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23333333' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=radio][disabled]::before, input[type=checkbox][disabled]::before,
  div:has(> textarea[disabled])::before,
  div:has(> textarea[readonly])::before,
  div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly])::before,
  div:has(> select[disabled])::before {
    background-image: var(--in-svg-disabled-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23333333' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=radio][disabled]::before, input[type=checkbox][disabled]::before,
  div:has(> textarea[disabled])::before,
  div:has(> textarea[readonly])::before,
  div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly])::before,
  div:has(> select[disabled])::before {
    background-image: var(--in-svg-disabled-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23CCCCCC' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

button {
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  button {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  button {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

input[type=file i], input:not([disabled]):not([readonly]), select[type=file i], select:not([disabled]):not([readonly]), textarea[type=file i], textarea:not([disabled]):not([readonly]) {
  background: var(--in-input-bg, #FFFFFF);
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=file i], input:not([disabled]):not([readonly]), select[type=file i], select:not([disabled]):not([readonly]), textarea[type=file i], textarea:not([disabled]):not([readonly]) {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=file i], input:not([disabled]):not([readonly]), select[type=file i], select:not([disabled]):not([readonly]), textarea[type=file i], textarea:not([disabled]):not([readonly]) {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
  background: var(--in-white-tint3, #CCCCCC);
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
    background-image: var(--in-svg-bg-disabled-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23CCCCCC' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
    background-image: var(--in-svg-bg-disabled-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23333333' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}

input[type=range] {
  outline: none;
}
input[type=radio], input[type=checkbox] {
  border-color: var(--in-input-outline, #1B0EAC);
  outline-color: transparent;
  box-shadow: 0 0 0 clamp(4px, 0.25rem, 12px) var(--in-white, #FFFFFF) inset;
  background-color: var(--in-white-tint2, #DDDDDD) !important;
}
input[type=radio]:focus-visible, input[type=radio]:checked:focus-visible, input[type=checkbox]:focus-visible, input[type=checkbox]:checked:focus-visible {
  outline-offset: 0;
  text-decoration: none;
  border: none;
  z-index: 1000000;
  position: relative;
  border-radius: var(--in-border-radius-1, 2px);
}
@supports (hanging-punctuation: none) {
  input[type=radio]:focus-visible, input[type=radio]:checked:focus-visible, input[type=checkbox]:focus-visible, input[type=checkbox]:checked:focus-visible {
    border-radius: 0px;
  }
}
@media (forced-colors: active) {
  input[type=radio]:focus-visible, input[type=radio]:checked:focus-visible, input[type=checkbox]:focus-visible, input[type=checkbox]:checked:focus-visible {
    outline-width: calc(var(--in-link-focus-outline-width, 6px) / 1.5);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: none) {
  input[type=radio]:focus-visible, input[type=radio]:checked:focus-visible, input[type=checkbox]:focus-visible, input[type=checkbox]:checked:focus-visible {
    outline-color: var(--in-link-focus-outline, #140A82) !important;
    outline-width: var(--in-link-focus-outline-width, 6px);
    outline-style: var(--in-link-focus-outline-style, solid);
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=radio]:focus-visible, input[type=radio]:checked:focus-visible, input[type=checkbox]:focus-visible, input[type=checkbox]:checked:focus-visible {
    background-image: var(--in-svg-bg-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=radio]:focus-visible, input[type=radio]:checked:focus-visible, input[type=checkbox]:focus-visible, input[type=checkbox]:checked:focus-visible {
    background-image: var(--in-svg-bg-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23000000' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
input[type=radio]:checked, input[type=radio]:checked:focus-visible, input[type=checkbox]:checked, input[type=checkbox]:checked:focus-visible {
  background-color: var(--in-input-outline, #1B0EAC) !important;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 50%;
}
input[type=checkbox]:checked, input[type=checkbox]:checked:focus-visible {
  background-repeat: repeat;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=checkbox]:checked, input[type=checkbox]:checked:focus-visible {
    background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=checkbox]:checked, input[type=checkbox]:checked:focus-visible {
    background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  input[type=radio]:checked, input[type=radio]:checked:focus-visible {
    background-image: var(--in-svg-link-circle-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' version='1.1'%3E%3Ccircle fill='%2337006E' cx='5' cy='5' r='5'%3E%3C/circle%3E%3C/svg%3E"));
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  input[type=radio]:checked, input[type=radio]:checked:focus-visible {
    background-image: var(--in-svg-link-circle-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' version='1.1'%3E%3Ccircle fill='%23FFFF02' cx='5' cy='5' r='5'%3E%3C/circle%3E%3C/svg%3E"));
  }
}
input[type=file]::-webkit-file-upload-button {
  color: var(--in-input-text, #2C2C2C);
  background-image: linear-gradient(90deg, var(--in-input-icon-bg, #D7E5F7) calc(100% - 2px), var(--in-input-outline, #1B0EAC) 0);
}
input:autofill, input:autofill:hover, input:autofill:focus-visible, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus-visible {
  -webkit-text-fill-color: var(--in-input-text, #2C2C2C);
  box-shadow: 0 0 0 -16px var(--in-input-bg, #FFFFFF) inset, 0 0 0 5000px var(--in-input-icon-bg, #D7E5F7) inset;
  -webkit-box-shadow: 0 0 0 -16px var(--in-input-bg, #FFFFFF) inset, 0 0 0 5000px var(--in-input-icon-bg, #D7E5F7) inset;
}

@media not (forced-colors: active) {
  div:has(input[type=color]) > div.inputHug {
    background-image: linear-gradient(to bottom, grey 1px, transparent 0), linear-gradient(100deg, #ff0, #ffa500, #ff0000, #800080, #00f, #008000, #008000) !important;
    background-repeat: no-repeat;
    background-size: 100% 4px;
    background-position-y: bottom;
  }
}
.helpHug div.in-dir-sensitive-right,
fieldset > div:has(p[id$=_help]) > div,
fieldset > div:has(details[id$=_help]) > div,
fieldset > div:not(:has(*[id$=_help])),
p[id$=_help]:not(.textfield), div[class*=_help]:not(.textfield) {
  background: var(--in-form-help-bg, #F0F0F0);
  border-color: transparent;
  outline-color: transparent;
}

@supports (-moz-orient: block) {
  @media (forced-colors: active) {
    input:autofill, input:autofill:hover, input:autofill:focus-visible, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus-visible {
      border: none;
      border-image: unset;
      background-image: unset;
      box-shadow: unset;
      -webkit-box-shadow: unset;
    }
  }
}
input[type=number]::-webkit-inner-spin-button {
  border: clamp(12px, 0.5rem, 24px) solid black;
  opacity: 1;
  min-block-size: 0.375rem !important;
  cursor: pointer;
}

input[type=number][readonly]::-webkit-inner-spin-button {
  opacity: 0.25;
}

input[type=search i]::-webkit-search-cancel-button {
  opacity: 1;
  border: 0.4rem solid;
  overflow: visible;
}
input[type=search i]::-webkit-search-cancel-button:focus-visible {
  outline-width: 3px;
  outline-offset: -1px;
  outline-color: var(--in-link-focus-outline, #140A82);
}

input[type=password i]::-webkit-caps-lock-indicator,
input[type=password i]::-webkit-credentials-auto-fill-button,
input[type=time i]::-webkit-calendar-picker-indicator,
input[type=date i]::-webkit-calendar-picker-indicator,
input[type=datetime-local i]::-webkit-calendar-picker-indicator,
input[type=month i]::-webkit-calendar-picker-indicator,
input[type=week i]::-webkit-calendar-picker-indicator {
  block-size: 1.5rem !important;
  background-size: 110%;
  width: 1.5rem;
  margin-top: -3px;
  background-position: 50%;
  cursor: pointer;
}
input[type=password i]::-webkit-caps-lock-indicator:focus-visible,
input[type=password i]::-webkit-credentials-auto-fill-button:focus-visible,
input[type=time i]::-webkit-calendar-picker-indicator:focus-visible,
input[type=date i]::-webkit-calendar-picker-indicator:focus-visible,
input[type=datetime-local i]::-webkit-calendar-picker-indicator:focus-visible,
input[type=month i]::-webkit-calendar-picker-indicator:focus-visible,
input[type=week i]::-webkit-calendar-picker-indicator:focus-visible {
  outline-width: 3px;
  outline-offset: -1px;
  outline-color: var(--in-link-focus-outline, #140A82);
}

@supports (mask-image: url(image.svg)) {
  @media screen and (min-width: 15rem) {
    div:has(> textarea)::before, div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]))::before, div:has(> select)::before {
      background-color: var(--in-input-icon-color, #1B0EAC);
    }
    div:has(> textarea), div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])),
    div:has(> select) {
      background-image: linear-gradient(90deg, var(--in-input-icon-bg, #D7E5F7) 2rem, var(--in-input-bg, #FFFFFF) 0);
      user-select: none;
      position: relative;
      padding-left: 2rem;
    }
    div:has(> textarea)::before, div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))::before,
    div:has(> select)::before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 2rem;
      height: 100%;
      max-height: 100%;
      mask-repeat: no-repeat;
      mask-position: 50%;
      background-repeat: repeat;
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: light) {
    div:has(> textarea)::before, div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))::before,
    div:has(> select)::before {
      background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: dark) {
    div:has(> textarea)::before, div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))::before,
    div:has(> select)::before {
      background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: light) {
    div:has(> textarea), div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])),
    div:has(> select) {
      background-image: var(--in-svg-bg-disabled-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23CCCCCC' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: dark) {
    div:has(> textarea), div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])),
    div:has(> select) {
      background-image: var(--in-svg-bg-disabled-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23333333' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) {
    div:has(> textarea):before {
      height: 2rem;
    }
    div:has(> textarea[disabled]),
    div:has(> textarea[readonly]),
    div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly]),
    div:has(> select[disabled]) {
      background-image: linear-gradient(90deg, var(--in-input-disabled-icon, #DDDDDD) 2rem, var(--in-input-bg, #FFFFFF) 0);
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: light) {
    div:has(> textarea[disabled]),
    div:has(> textarea[readonly]),
    div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly]),
    div:has(> select[disabled]) {
      background-image: var(--in-svg-bg-disabled-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23CCCCCC' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: dark) {
    div:has(> textarea[disabled]),
    div:has(> textarea[readonly]),
    div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly]),
    div:has(> select[disabled]) {
      background-image: var(--in-svg-bg-disabled-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23333333' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) {
    div:has(> textarea[disabled])::before,
    div:has(> textarea[readonly])::before,
    div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly])::before,
    div:has(> select[disabled])::before {
      background-color: var(--in-input-disabled-icon-bg, #333333);
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: light) {
    div:has(> textarea[disabled])::before,
    div:has(> textarea[readonly])::before,
    div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly])::before,
    div:has(> select[disabled])::before {
      background-image: var(--in-svg-disabled-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23333333' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: dark) {
    div:has(> textarea[disabled])::before,
    div:has(> textarea[readonly])::before,
    div:has(> input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])[readonly])::before,
    div:has(> select[disabled])::before {
      background-image: var(--in-svg-disabled-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23CCCCCC' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) {
    div:has(> input[type=color]):before {
      background-image: url("visuals/input-icon_color_multicolori.svg") !important;
      background-color: black;
      background-size: 100% auto;
      background-repeat: no-repeat !important;
      background-position: 50% 0;
    }
    @supports not (hanging-punctuation: none) {
      div:has(> input[type=color]):before {
        border-radius: var(--in-border-radius-1, 2px) 0 0 var(--in-border-radius-1, 2px);
      }
    }
    div.in_flex_mc_tr2:has(input:user-invalid) > div,
    fieldset:has(input[type=radio]:user-invalid) > div:focus-within,
    fieldset:has(input[type=checkbox]:user-invalid) > div:focus-within {
      box-shadow: 9px -9px 1px var(--in-red, darkred), 9px 9px 1px var(--in-red, darkred), -9px -9px 1px var(--in-red, darkred), -9px 9px 1px var(--in-red, darkred);
    }
    div:has(> input[type])::before,
    div:has(> textarea)::before {
      mask-image: url("visuals/input-icon_text.svg");
    }
    div:has(> input[type=color]):before {
      mask-image: unset;
    }
    div:has(> input[type=email]):before,
    div:has(> input[autocomplete*=email]):before {
      mask-image: url("visuals/input-icon_mail.svg");
    }
    div:has(> input[autocomplete="work email"]):before {
      mask-image: url("visuals/input-icon_email.svg");
    }
    div:has(> input[type=tel]):before,
    div:has(> input[autocomplete*=tel]):before {
      mask-image: url("visuals/input-icon_tel.svg");
    }
    div:has(> input[type=url]):before,
    div:has(> input[autocomplete=url]):before {
      mask-image: url("visuals/input-icon_url.svg");
    }
    div:has(> input[type=year]):before,
    div:has(> input[autocomplete*=year]):before {
      mask-image: url("visuals/input-icon_year.svg");
    }
    div:has(> input[type=password]):before,
    div:has(> input[autocomplete*=password]):before {
      mask-image: url("visuals/input-icon_password.svg");
    }
    div:has(> input[type*=date]):before {
      mask-image: url("visuals/input-icon_date.svg");
    }
    div:has(> input[type=time]):before {
      mask-image: url("visuals/input-icon_time.svg");
    }
    div:has(> input[type=week]):before {
      mask-image: url("visuals/input-icon_week.svg");
    }
    div:has(> input[type=month]):before,
    div:has(> input[autocomplete*=month]):before {
      mask-image: url("visuals/input-icon_month.svg");
    }
    div:has(> input[type=number]):before {
      mask-image: url("visuals/input-icon_number.svg");
    }
    div:has(> input[type=search]):before {
      mask-image: url("visuals/input-icon_search.svg");
    }
    div:has(> input[autocomplete*=mobile]):before {
      mask-image: url("visuals/input-icon_mobile.svg");
    }
    div:has(> input[autocomplete*=bday]):before {
      mask-image: url("visuals/input-icon_bday.svg");
    }
    div:has(> input[autocomplete*=address]):before {
      mask-image: url("visuals/input-icon_address.svg");
    }
    html:not([lang*=simple]) div:has(> input[autocomplete=name]):before, html:not([lang*=sgn]) div:has(> input[autocomplete=name]):before {
      mask-image: url("visuals/input-icon_name.svg");
    }
    html:not([lang*=simple]) div:has(> input[autocomplete=given-name]):before, html:not([lang*=sgn]) div:has(> input[autocomplete=given-name]):before {
      mask-image: url("visuals/input-icon_givenname.svg");
    }
    html:not([lang*=simple]) div:has(> input[autocomplete=family-name]):before, html:not([lang*=sgn]) div:has(> input[autocomplete=family-name]):before {
      mask-image: url("visuals/input-icon_familyname.svg");
    }
    html:not([lang*=simple]) div:has(> input[autocomplete=nickname]):before,
    html:not([lang*=simple]) div:has(> input[autocomplete=username]):before, html:not([lang*=sgn]) div:has(> input[autocomplete=nickname]):before,
    html:not([lang*=sgn]) div:has(> input[autocomplete=username]):before {
      mask-image: url("visuals/input-icon_username.svg");
    }
    html[lang*=simple] div:has(> input[autocomplete*=name]):before, html[lang*=sgn] div:has(> input[autocomplete*=name]):before {
      mask-image: url("visuals/input-icon_nickname.svg");
    }
    html[lang*=simple] div:has(> input[autocomplete=name]):before, html[lang*=sgn] div:has(> input[autocomplete=name]):before {
      mask-image: url("visuals/input-icon_name.svg");
    }
  }
  @media screen and (min-width: 15rem) and (min-width: 15rem) {
    input[type=file]::-webkit-file-upload-button,
    input::file-selector-button {
      padding-left: 0;
    }
  }
  @media screen and (min-width: 15rem) {
    div:has(> input[type=file]):before {
      mask-image: url("visuals/input-icon_file.svg");
    }
    div:has(> input[type=file][accept*=audio]):before {
      mask-image: url("visuals/input-icon_file_audio.svg");
    }
    div:has(> input[type=file][accept*=image]):before {
      mask-image: url("visuals/input-icon_file_image.svg");
    }
    div:has(> input[type=file][accept*=video]):before {
      mask-image: url("visuals/input-icon_file_video.svg");
    }
    div:has(> input:not([type=checkbox]):not([type=radio])):disabled:before {
      mask-image: url("visuals/input-icon_disabled.svg");
    }
    div:has(> select[multiple]):before {
      mask-image: url("visuals/input-icon_select_multiple.svg");
      height: 2rem;
      width: 2rem;
      left: 0;
      top: 0.5rem;
      border: none;
    }
  }
  @media screen and (min-width: 15rem) and (any-pointer: coarse) {
    div:has(> select[multiple]):before {
      top: 0;
    }
  }
  @media screen and (min-width: 15rem) {
    div:has(> select:not([multiple])):before {
      mask-image: url("visuals/input-icon_select_closed.svg");
      height: 2rem;
      width: 2rem;
      left: 0.1rem;
      top: 0.1rem;
      border: none;
    }
    select[multiple] option:not(:first-child),
    select[multiple] option:not(:first-child):checked {
      position: relative;
      padding-left: 2rem;
    }
    select[multiple] option:not(:first-child)::before,
    select[multiple] option:not(:first-child):checked::before {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 2rem;
      height: 100%;
      max-height: 100%;
      mask-repeat: no-repeat;
      mask-position: 50%;
      background-repeat: repeat;
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: light) {
    select[multiple] option:not(:first-child)::before,
    select[multiple] option:not(:first-child):checked::before {
      background-image: var(--in-svg-link-light, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%2300009F' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) and (forced-colors: active) and (prefers-color-scheme: dark) {
    select[multiple] option:not(:first-child)::before,
    select[multiple] option:not(:first-child):checked::before {
      background-image: var(--in-svg-link-dark, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' %3E%3Crect fill='%23FFFF02' x='0' y='0' width='1' height='1'%3E%3C/rect%3E%3C/svg%3E"));
    }
  }
  @media screen and (min-width: 15rem) {
    select[multiple] option:not(:first-child)::before,
    select[multiple] option:not(:first-child):checked::before {
      background-color: var(--in-black, #000000);
    }
    select[multiple] option:not(:first-child):before {
      mask-image: url("visuals/select-multiple-checkbox.svg");
    }
    select[multiple] option:not(:first-child):checked:before {
      mask-image: url("visuals/select-multiple-checkbox_checked.svg");
    }
  }
}
fieldset:has(input[id=in-block-radios]) {
  background-color: red;
}
fieldset:has(input[id=in-block-radios]) label {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
}

.in-cms .optionsHug:has(input[type=radio][value=true]):has(input[type=radio][value=false]) {
  flex-direction: row;
}
.in-cms .optionsHug:has(input[type=radio][value=true]):has(input[type=radio][value=false]) .entity {
  width: 50%;
}

.in-cms.layout label:has(input[value*=in-share]) div + div:before {
  content: "preview: ";
}

.in-cms.hours label[for*=hours_2], .in-cms.hours label[for*=hours_3], .in-cms.hours label[for*=hours_4] {
  display: none;
}
.in-cms.hours div:has(> label[for*=hours_]):has(input[type=time]) {
  display: inline-block;
  float: left;
}
.in-cms.hours div:has(> label[for*=hours_]):has(input[type=time]) label[for*=hours_] + div {
  padding-left: 0 !important;
}
.in-cms.hours div:has(> label[for*=hours_]):has(input[type=time]) label[for*=hours_] + div.inputHug::before {
  content: none;
}
.in-cms.hours div:has(> label[for*=hours_]):not(:has(> label[for*=hours_1_])):has(input[type=time]) {
  width: 18.75% !important;
  padding: 10px;
}
.in-cms.hours div:has(> label[for*=hours_]):not(:has(> label[for*=hours_1_])):has(input[type=time]) .inputHug {
  width: 100%;
}
.in-cms.hours div:has(> label[for*=hours_1_]) {
  clear: both;
  width: 43.75%;
  display: flex !important;
}
.in-cms.hours div:has(> label[for*=hours_1_]) .inputHug {
  width: 110px !important;
}
.in-cms.hours div:not(:has(> label[for*=hours_])) {
  clear: both;
}

.in-cms.languages label span {
  font-weight: normal;
  color: var(--in-black-tint4, #444444);
}
.in-cms.languages fieldset {
  flex-direction: column;
}
.in-cms.languages fieldset fieldset > *:first-child:not(p),
.in-cms.languages fieldset legend, .in-cms.languages fieldset .optionsHug {
  min-width: 100% !important;
}
.in-cms.languages fieldset .optionsHug {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.in-cms.languages fieldset .optionsHug .entity {
  flex-basis: 33%;
  flex-grow: 5;
}
.in-cms.languages fieldset .optionsHug .entity label:has(span) {
  padding: 8px 0;
}
.in-cms.languages fieldset .optionsHug:has(:nth-child(4)) .entity:nth-child(1), .in-cms.languages fieldset .optionsHug:has(:nth-child(4)) .entity:nth-child(2) {
  flex-basis: 50%;
  border-bottom: var(--in-border-width, 2px) solid var(--in-black-tint4, #444444);
}
.in-cms.languages fieldset .optionsHug :not(:has(:nth-child(2))) .entity {
  flex-basis: 100%;
  border-bottom: none;
}

/* ===  Testing === */
:root .in-timetable-list:has(.in-venues li:nth-child(1)) {
  --in-timetable-width: calc(100% - 2px);
}
:root .in-timetable-list:has(.in-venues li:nth-child(2)) {
  --in-timetable-width: calc(50% - .5px);
}
:root .in-timetable-list:has(.in-venues li:nth-child(3)) {
  --in-timetable-width: calc(33.33% - .33px);
}
:root .in-timetable-list:has(.in-venues li:nth-child(4)) {
  --in-timetable-width: calc(25% - .25px);
}

.in-timetable-list ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.in-timetable-list ul time {
  font-size: 0.9rem;
}
.in-timetable-list ul li, .in-timetable-list ul p {
  line-height: var(--in-timetable-base, 2rem);
}
.in-timetable-list ul > li, .in-timetable-list ul li {
  margin: 0;
  height: min-content;
}
.in-timetable-list ul > li, .in-timetable-list ul li {
  height: fit-content;
}
@media screen and (min-width: 39.9375rem) {
  .in-timetable-list ul > li, .in-timetable-list ul li {
    height: var(--in-timetable-base, 2rem);
  }
}
@media screen and (max-width: 39.9375rem) {
  .in-timetable-list ul li:has(ul.in-venues) {
    display: none;
  }
}
.in-timetable-list ul > li {
  border-bottom: 1px dashed transparent;
  display: flex;
  overflow: visible;
  padding: 0;
}
.in-timetable-list ul > li > time, .in-timetable-list ul > li > span {
  display: none;
}
@media screen and (min-width: 39.9375rem) {
  .in-timetable-list ul > li > time, .in-timetable-list ul > li > span {
    display: inline;
    max-width: 4.5ch;
    padding: 0;
    margin: 0 clamp(1px, 1vw, 8px);
    min-width: 4.5ch;
  }
}
@media screen and (min-width: 20rem) {
  .in-timetable-list ul > li span[class^=in-venue] {
    border: none;
    background: none;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    text-wrap: nowrap;
    vertical-align: middle;
    display: inline-block;
    height: 0px;
    width: 0px;
    height: fit-content;
    width: 1rem;
  }
}
.in-timetable-list ul > li span[class^=in-participation] {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  height: fit-content;
  width: 1rem;
}
.in-timetable-list ul > li ul {
  list-style-type: "";
}
.in-timetable-list ul > li ul li {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 39.9375rem) {
  .in-timetable-list ul > li ul li[aria-hidden] {
    display: none;
  }
}
.in-timetable-list ul > li ul li.in-timetable-global div {
  background-image: var(--in-timetable-global-bg, linear-gradient(to bottom, transparent 0, transparent 3px, var(--in-white-90pc, rgba(255, 255, 255, 0.9)) 0, var(--in-white-90pc, rgba(255, 255, 255, 0.9)) calc(100% - 3px), transparent 0), linear-gradient(100deg, #008000, #ff0, #ffa500, #ff0000, #800080, #00f, #008000)) !important;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-y: top;
  padding: clamp(2px, 0.1vw, 4px);
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  z-index: 100000;
  position: relative;
}
.in-timetable-list ul > li ul li.in-timetable-global div h2, .in-timetable-list ul > li ul li.in-timetable-global div h3, .in-timetable-list ul > li ul li.in-timetable-global div h4, .in-timetable-list ul > li ul li.in-timetable-global div h5, .in-timetable-list ul > li ul li.in-timetable-global div h6 {
  margin: 0 0.5rem !important;
}
.in-timetable-list ul > li ul li.in-event-tile div {
  overflow-y: visible;
  z-index: 10000;
  width: 100%;
  flex-direction: column;
  background-image: linear-gradient(to bottom, transparent 0, transparent 3px, var(--in-white-80pc, rgba(255, 255, 255, 0.8)) 0, var(--in-white-80pc, rgba(255, 255, 255, 0.8)) calc(100% - 1px), transparent 0);
  background-size: calc(100% - 2px);
  background-position: 50% 0;
  background-repeat: no-repeat;
  container-type: inline-size;
  container-name: in-venue-container;
}
.in-timetable-list ul > li ul li.in-event-tile div h2, .in-timetable-list ul > li ul li.in-event-tile div h3, .in-timetable-list ul > li ul li.in-event-tile div h4, .in-timetable-list ul > li ul li.in-event-tile div h5, .in-timetable-list ul > li ul li.in-event-tile div h6 {
  margin: 0;
}
.in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h2, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h3, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h4, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h5, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h6, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h2, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h3, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h4, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h5, .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h6 {
  width: 100%;
  overflow: hidden;
}
.in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h2:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h2:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h3:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h3:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h4:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h4:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h5:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h5:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h6:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT0H]) h6:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h2:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h2:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h3:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h3:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h4:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h4:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h5:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h5:has(a:focus-visible), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h6:has(a:hover), .in-timetable-list ul > li ul li.in-event-tile div:has([datetime*=PT1H]) h6:has(a:focus-visible) {
  overflow: visible;
}
@container in-venue-container (max-inline-size: 12rem) {
  .in-timetable-list ul > li ul li time {
    width: 2ch;
    overflow-x: hidden;
    overflow-y: clip;
    text-wrap: nowrap;
    display: inline-flex;
  }
  .in-timetable-list ul > li ul li time::after {
    content: "h";
  }
}
.in-timetable-list ul > li ul li:has([class]), .in-timetable-list ul > li ul li div {
  align-items: baseline;
}
.in-timetable-list ul > li ul li:first-child div {
  border-left: 1px solid transparent;
}
.in-timetable-list ul > li ul li:last-child div {
  border-right: 1px solid transparent;
}
.in-timetable-list ul > li ul li:not(:first-child) div, .in-timetable-list ul > li ul li:not(:last-child) div {
  border-right: 0.5px solid transparent;
  border-left: 0.5px solid transparent;
}
.in-timetable-list ul > li ul li div {
  display: flex;
  padding: 0 0 0 clamp(2px, 0.1vw, 4px);
  outline: 1px solid transparent;
}
.in-timetable-list ul > li ul li div p {
  order: -1;
  color: var(--in-black-tint5, #555555);
  margin-top: 0;
  margin-bottom: 0;
}
.in-timetable-list ul > li ul li div h2, .in-timetable-list ul > li ul li div h3, .in-timetable-list ul > li ul li div h4, .in-timetable-list ul > li ul li div h5, .in-timetable-list ul > li ul li div h6 {
  order: 10;
}
.in-timetable-list ul > li ul li div:has([datetime*=":15PT"]), .in-timetable-list ul > li ul li div:has([datetime*=":45PT"]) {
  margin-top: 1rem;
}
.in-timetable-list ul > li ul li div:has([datetime*=PT]) {
  background-color: var(--in-white-tint1, #EEEEEE);
}
.in-timetable-list ul > li ul li div:has([datetime*=PT0H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) {
  min-height: calc(var(--in-timetable-base, 2rem) * 1 - 1px);
  flex-direction: row;
  align-items: flex-start;
}
.in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) p, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) p, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) p {
  display: flex;
  flex-direction: row;
  margin-right: 4px;
}
.in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) p time, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) p time, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) p time {
  border: none;
  background: none;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  text-wrap: nowrap;
  vertical-align: middle;
  display: inline-block;
  height: 0px;
  width: 0px;
  clip-path: rect(0px 0px 0px 0px);
}
.in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT0H3]) h6, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT0H4]) h6, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT0H5]) h6 {
  width: calc(100% - 2.25rem);
  padding-top: 0.25rem;
}
@media screen and (min-width: 39.9375rem) {
  .in-timetable-list ul > li ul li div:has([datetime*=PT1H0]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 2 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT1H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT1H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT1H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 3 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT1H3]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT1H3]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT1H3]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT1H3]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT1H3]) h6, .in-timetable-list ul > li ul li div:has([datetime*=PT1H4]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT1H4]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT1H4]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT1H4]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT1H4]) h6, .in-timetable-list ul > li ul li div:has([datetime*=PT1H5]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT1H5]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT1H5]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT1H5]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT1H5]) h6 {
    max-height: calc(2rem * var(--in-line-height-basic, 1.25));
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT2H0M]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 4 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT2H0M]) h2, .in-timetable-list ul > li ul li div:has([datetime*=PT2H0M]) h3, .in-timetable-list ul > li ul li div:has([datetime*=PT2H0M]) h4, .in-timetable-list ul > li ul li div:has([datetime*=PT2H0M]) h5, .in-timetable-list ul > li ul li div:has([datetime*=PT2H0M]) h6 {
    max-height: calc(4rem * var(--in-line-height-basic, 1.25));
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT2H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT2H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT2H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 5 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT3H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 6 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT3H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT3H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT3H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 7 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT4H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 8 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT4H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT4H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT4H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 9 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT5H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 10 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT5H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT5H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT5H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 11 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT6H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 12 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT6H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT6H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT6H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 13 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT7H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 14 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT7H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT7H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT7H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 15 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT8H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 16 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT8H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT8H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT8H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 17 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT9H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 18 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT9H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT9H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT9H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 19 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT10H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 20 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT10H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT10H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT10H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 21 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT11H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 22 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT11H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT11H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT11H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 23 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT12H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 24 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT12H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT12H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT12H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 25 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT13H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 26 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT13H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT13H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT13H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 27 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT14H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 28 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT14H3]), .in-timetable-list ul > li ul li div:has([datetime*=PT14H4]), .in-timetable-list ul > li ul li div:has([datetime*=PT14H5]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 29 - 1px);
  }
  .in-timetable-list ul > li ul li div:has([datetime*=PT15H]) {
    min-height: calc(var(--in-timetable-base, 2rem) * 30 - 1px);
  }
}
.in-timetable-list ul > li ul li h2, .in-timetable-list ul > li ul li h3, .in-timetable-list ul > li ul li h4, .in-timetable-list ul > li ul li h5, .in-timetable-list ul > li ul li h6 {
  font-size: 1rem !important;
}
.in-timetable-list ul > li ul li h2 a, .in-timetable-list ul > li ul li h3 a, .in-timetable-list ul > li ul li h4 a, .in-timetable-list ul > li ul li h5 a, .in-timetable-list ul > li ul li h6 a {
  font-size: 1rem !important;
  text-decoration: none;
}
.in-timetable-list ul > li ul li:nth-child(5n+1):not([aria-hidden=true]) div {
  background-color: green;
}
.in-timetable-list ul > li ul li:nth-child(5n+2):not([aria-hidden=true]) div {
  background-color: orange;
}
.in-timetable-list ul > li ul li:nth-child(5n+3):not([aria-hidden=true]) div {
  background-color: red;
}
.in-timetable-list ul > li ul li:nth-child(5n+4):not([aria-hidden=true]) div {
  background-color: #800080;
}
.in-timetable-list ul > li ul li:nth-child(5n+5):not([aria-hidden=true]) div {
  background-color: blue;
}
.in-timetable-list ul > li .in-venues {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-weight: bold;
}
.in-timetable-list ul > li .in-venues li {
  width: var(--in-timetable-width, 25%);
}
.in-timetable-list ul > li .in-venues li div {
  background-image: linear-gradient(to bottom, transparent 0, transparent 3px, var(--in-white-80pc, rgba(255, 255, 255, 0.8)) 0);
  width: 100%;
}
.in-timetable-list ul > li .in-timetable-start {
  display: flex;
  flex-direction: row;
  width: 100% !important;
}
.in-timetable-list ul > li .in-timetable-start li.in-timetable-global {
  width: 100% !important;
}
@media screen and (max-width: 39.9375rem) {
  .in-timetable-list ul > li .in-timetable-start {
    flex-direction: column;
  }
  .in-timetable-list ul > li .in-timetable-start li {
    width: 100% !important;
  }
}
.in-timetable-list ul:not(ul.in-timetable-start) > li:nth-child(odd) {
  background-color: var(--in-form-row-odd, #e7e7e7);
}
.in-timetable-list ul:not(ul.in-timetable-start) > li:nth-child(odd) > time {
  color: transparent;
}
.in-timetable-list ul:not(ul.in-timetable-start) > li:nth-child(even) {
  background-color: var(--in-form-row-even, #FFFFFF);
}

@media (max-width: 40rem) {
  span[class^=in-venue] {
    font-weight: bold;
    display: inline-block;
  }
}
@media print {
  :root {
    --in-timetable-base: 1.5rem;
  }
  body:has(.in-timetable-list) header, body:has(.in-timetable-list) footer {
    display: none;
  }
  section.in-timetable-list {
    page-break-before: always;
  }
  section.in-timetable-list h2, section.in-timetable-list h3, section.in-timetable-list h4 {
    margin: 0;
  }
}
@media (max-width: 40rem) {
  span[class^=in-venue] {
    font-weight: bold;
    display: inline-block;
  }
}
.in-participation-requested::before {
  content: "❓ ";
}

.in-participation-waitinglist::before {
  content: "🌀 ";
}

.in-participation-confirmed::before {
  content: "✅ ";
}

.in-participation-canceled::before {
  content: "❌ ";
}

.in-venue::before {
  content: "🚩 ";
}

.in-venue-atelier::before {
  content: "🎨 ";
}

.in-venue-amusementpark::before {
  content: "🎢 ";
}

.in-venue-bar::before {
  content: "🍻 ";
}

.in-venue-barn::before {
  content: "🚜 ";
}

.in-venue-bathroom::before {
  content: "🛁 ";
}

.in-venue-bowling::before {
  content: "🎳 ";
}

.in-venue-beach::before {
  content: "🏖 ";
}

.in-venue-bibliothek::before {
  content: "🏫 ";
}

.in-venue-breakfast::before {
  content: "🍯 ";
}

.in-venue-circus::before {
  content: "🎪 ";
}

.in-venue-cocktailbar::before {
  content: "🍹 ";
}

.in-venue-cofe::before {
  content: "🍵 ";
}

.in-venue-diner::before {
  content: "🍽 ";
}

.in-venue-er::before {
  content: "🏥 ";
}

.in-venue-forrest::before {
  content: "🍒 ";
}

.in-venue-garden::before {
  content: "🌳 ";
}

.in-venue-groceries::before {
  content: "🛒 ";
}

.in-venue-imbiss::before {
  content: "🍔 ";
}

.in-venue-karaoke::before {
  content: "🎤 ";
}

.in-venue-kino::before {
  content: "🍻 ";
}

.in-venue-kiosk::before {
  content: "🍭 ";
}

.in-venue-kitchen::before {
  content: "🍳 ";
}

.in-venue-laundry::before {
  content: "🧺 ";
}

.in-venue-libary::before {
  content: "📚 ";
}

.in-venue-lounge::before {
  content: "🛋 ";
}

.in-venue-outside::before {
  content: "⛱ ";
}

.in-venue-sauna::before {
  content: "🌡 ";
}

.in-venue-playground::before {
  content: "🛝 ";
}

.in-venue-pool::before {
  content: "🌊 ";
}

.in-venue-security::before {
  content: "🧯 ";
}

.in-venue-seminar::before {
  content: "🏫 ";
}

.in-venue-seminar2::before {
  content: "🎓 ";
}

.in-venue-serail::before {
  content: "🏩 ";
}

.in-venue-sleeper::before {
  content: "🛏 ";
}

.in-venue-studio::before {
  content: "🎙 ";
}

.in-venue-camping::before {
  content: "🏕 ";
}

.in-venue-theater::before {
  content: "🎭 ";
}

.in-venue-tent::before {
  content: "🏕 ";
}

.in-venue-terrace::before {
  content: "⛱ ";
}

.in-venue-toilet::before {
  content: "🚽 ";
}

.in-venue-videogame::before {
  content: "🎮 ";
}

.in-venue-workshop::before {
  content: "🏭 ";
}

.in-room-apple::before {
  content: "🍏 ";
}

.in-category::before {
  content: "🏷 ";
}

.in-category-accessibility::before {
  content: "🖲 ";
}

.in-category-art::before {
  content: "🖼 ";
}

.in-category-beauty::before {
  content: "💇 ";
}

.in-category-benefits::before {
  content: "💇 ";
}

.in-category-breakfast::before {
  content: "🍯 ";
}

.in-category-bufet::before {
  content: "🍱 ";
}

.in-category-cabaret::before {
  content: "🤹 ";
}

.in-category-childcare::before {
  content: "🤱 ";
}

.in-category-climbing::before {
  content: "🧗 ";
}

.in-category-coaching::before {
  content: "🧭 ";
}

.in-category-cofe::before {
  content: "☕ ";
}

.in-category-chai::before {
  content: "🍵 ";
}

.in-category-competition::before {
  content: "🥇 ";
}

.in-category-computer::before {
  content: "🖥 ";
}

.in-category-connect::before {
  content: "🔗 ";
}

.in-category-culture::before {
  content: "🤵 ";
}

.in-category-dance::before {
  content: "🕺💃 ";
}

.in-category-dating::before {
  content: "🩷💃 ";
}

.in-category-discussion::before {
  content: "🗞 ";
}

.in-category-ds::before {
  content: "🧎 ";
}

.in-category-economics::before {
  content: "🧮 ";
}

.in-category-firstaid::before {
  content: "👳 ";
}

.in-category-food::before {
  content: "🥙 ";
}

.in-category-fruit::before {
  content: "🍑 ";
}

.in-category-jam::before {
  content: "🥁 ";
}

.in-category-karaoke::before {
  content: "🎤 ";
}

.in-category-knowledge::before {
  content: "💆 ";
}

.in-category-lunch::before {
  content: "🍝 ";
}

.in-category-mediation::before {
  content: "🧘 ";
}

.in-category-measuring::before {
  content: "📏 ";
}

.in-category-mystery::before {
  content: "🕴 ";
}

.in-category-party::before {
  content: "🎉 ";
}

.in-category-peace::before {
  content: "🕊 ";
}

.in-category-physio::before {
  content: "🚶 ";
}

.in-category-pregnancy::before {
  content: "🫄 ";
}

.in-category-queer::before {
  content: "🌈 ";
}

.in-category-tian::before {
  content: "🏳️‍⚧️ ";
}

.in-category-reading::before {
  content: "📖 ";
}

.in-category-sauna::before {
  content: "🧖 ";
}

.in-category-signlanguage::before {
  content: "🧏 ";
}

.in-category-sorting::before {
  content: "🏃 ";
}

.in-category-sport::before {
  content: "🗃 ";
}

.in-category-theater::before {
  content: "🫅 ";
}

.in-category-vacination::before {
  content: "💉 ";
}

.in-category-variete::before {
  content: "👯 ";
}

.in-category-videogames::before {
  content: "🕹 ";
}

.in-category-vegetarian::before {
  content: "🥕 ";
}

.in-category-vegetables::before {
  content: "🍆 ";
}

.in-category-vulcany::before {
  content: "🌋 ";
}

.in-category-wellness::before {
  content: "💆 ";
}

.in-category-wellness::before {
  content: "🤼 ";
}

.in-category-workout::before {
  content: "🏋 ";
}

.in-category-writing::before {
  content: "📓 ";
}

.in-category-yoga::before {
  content: "🧘 ";
}

.in-targetgroup-baby::before {
  content: "👶 ";
}

.in-targetgroup-silverager::before {
  content: "🧓 ";
}

ul.in-workshops {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
ul.in-workshops li {
  width: calc(33% - 16px);
}
ul.in-workshops li span:has(img) {
  clip-path: xywh(1px 5px calc(100% - 2px) 124px round 5% 0);
  height: 124px;
  overflow: hidden;
}
ul.in-workshops li span:has(img) img {
  width: 100%;
}
ul.in-workshops h3 {
  height: 3rem;
}

p button {
  font-size: 1rem;
  min-width: unset;
}

article div.in-space-between {
  display: flex;
  justify-content: space-between;
  margin: 24px 0;
}