@charset "UTF-8";
/* === last version: 2024-07-15 === */
: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;
  }
}

div.editMenu > menu > li  {list-style:none;}
div:has(> textarea[maxlength="150"]) + *[id*=_help]::before {
  content: "150 " var(--in-characters, "Zeichen") ": ";
}

menu.list-style-none { 
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
menu.list-style-none > li{
    margin: 0 0.5rem;
}

div:has(> textarea[maxlength="300"]) + *[id*=_help]::before {
  content: "300 " var(--in-characters, "Zeichen") ": ";
}

div:has(> textarea[maxlength="750"]) + *[id*=_help]::before {
  content: "750 " var(--in-characters, "Zeichen") ": ";
}

div:has(> textarea[maxlength="3000"]) + *[id*=_help]::before {
  content: "3000 " var(--in-characters, "Zeichen") ": ";
}

:html[lang*=de] {
  --in-characters: "Zeichen";
}

:html[lang*=de-simple] {
  --in-characters: "Buchstaben";
}

: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 {
  /*
      border-bottom: 1px solid $in-form-row-odd;
      //background: $in-form-row-odd;
      //background-blend-mode: saturation;
  }
  /*.entity:nth-child(even) {
      background-color: $in-white-10pc;
      //background: $in-form-row-even;
  }*/
}
form.genericForm > * {
  border-bottom: 1px solid var(--in-form-row-border-color, #D7E5F7);
}
@media (forced-colors: active) {
  form.genericForm > * {
    border-bottom-style: dashed;
  }
}
form.genericForm > *:has(input):not(:has(input[type=hidden])):not([class*=in-dir]):not(button):nth-child(odd) fieldset > div .entity {
  border-bottom-color: var(--in-white-10pc, rgba(255, 255, 255, 0.1));
}
form.genericForm > *:has(input):not(:has(input[type=hidden])):not([class*=in-dir]):not(button):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 > *:not(:has(input[type=hidden])):not([class*=in-dir]):not(button):nth-child(odd) {
    background: var(--dark, #e7e7e7);
  }
  form.genericForm > *:not(:has(input[type=hidden])):not([class*=in-dir]):not(button):nth-child(even) {
    background: var(--light, #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(:user-valid):not(:valid),
textarea[aria-required]:not(:user-valid):not(:valid),
textarea[required]: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(:user-valid):not(:valid),
  textarea[aria-required]:not(:user-valid):not(:valid),
  textarea[required]: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(:user-valid):not(:valid),
  textarea[aria-required]:not(:user-valid):not(:valid),
  textarea[required]: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-selected, #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(--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: 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: double;
  }
}
@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(--text, #2C2C2C);
  background-image: linear-gradient(90deg, var(--background, #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(--text, #2C2C2C);
  box-shadow: 0 0 0 -16px var(--in-input-bg, #FFFFFF) inset, 0 0 0 5000px var(--background, #D7E5F7) inset;
  -webkit-box-shadow: 0 0 0 -16px var(--in-input-bg, #FFFFFF) inset, 0 0 0 5000px var(--background, #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;
  }
}
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;
    }
  }
}
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;
}

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

.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%;
}

@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(--background, #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;
  }
}
@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 {
  padding-top: 6px;
  padding-right: 2px;
  padding-bottom: 7px;
  padding-left: 0.7rem;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  font-family: inherit;
  font-size: 1rem !important;
}
@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;
  }
}

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: 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: double;
  }
}
@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: 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: double;
  }
}
@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]:not(.textfield), div[id$=_help]:not(.textfield) {
  margin: 2px 0 0 0;
  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;
}
@media (min-width: 20rem) {
  label, legend {
    font-weight: bold;
  }
}

label {
  cursor: pointer;
}

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

label, legend {
  padding: 6px 0;
}
label:not(.radio):not(.checkbox), legend:not(.radio):not(.checkbox) {
  margin: 6px 0;
}
label.radio, label.checkbox, legend.radio, legend.checkbox {
  width: 100%;
}

@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: 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: double;
  }
}
@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 {
  /*&:autofill, &:autofill:hover, &:autofill:focus-visible,
  &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus-visible {
      //font-size: 1rem !important;
  }*/
}
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: 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: double;
  }
}
@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);
  background-repeat: repeat;
  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);
}
@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);
  background-repeat: repeat;
  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);
}
@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);
  background-repeat: repeat;
  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);
}
@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);
  background-repeat: repeat;
  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);
}
@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="150"] {
  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(--background, #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)) and (min-width: 40rem) {
  @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(:user-valid):not(:valid),
textarea[aria-required]:not(:user-valid):not(:valid),
textarea[required]: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 {
  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;
  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%;
  background-size: 110%;
  border-radius: 2rem;
  border-style: solid;
  border-width: var(--in-border-width, 2px);
}
@media (min-width: 39.9375rem) {
  button, a.in-button-style {
    width: fit-content;
    min-width: 8rem;
  }
}
@media (pointer: coarse) {
  button, a.in-button-style {
    padding: 8px 16px;
    min-height: 44px;
  }
}
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: 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: double;
  }
}
@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;
}

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;
  }
}

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);
}

.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;
  justify-content: space-between;
}

@media (min-width: 40rem) {
  html:not([lang*=simple]) {
    /*.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));
    }*/
  }
  html:not([lang*=simple]) .in_flex_end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}

.error, .in-error {
  font-weight: bold;
  color: var(--in-red, darkred);
  background-color: var(--yellow, yellow);
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
}
.error::before, .in-error::before {
  content: "X ";
}

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

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

.none, .in-none {
    font-weight: bold;
  color: var(--gray, silver);
  padding: clamp(2px, 0.1vw, 4px) clamp(2px, 0.1vw, 8px);
}
.none::before, .in-none::before {
  content: "◽️ ";
}

form .in-dir-sensitive-right {
  text-align: center;
}

@media screen and (max-width: 15rem) {
  * {
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}
/* check if everything behind this can be deleted! */
body main {
  color: var(--in-main-text-color, #2C2C2C);
}

@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) {
      position: relative;
      padding-left: 2rem;
      background-image: linear-gradient(90deg, var(--background, #D7E5F7) 2rem, var(--in-input-bg, #FFFFFF) 0);
      user-select: none;
    }
  }
  @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, 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) {
    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);
      margin-top: 2rem;
    }
    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[type*=date]):before {
      mask-image: url("visuals/input-icon_date.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");
    }
  }
  @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[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 {
      mask-image: url("visuals/input-icon_month.svg");
    }
    div:has(> input[autocomplete=bday-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=password]):before,
    div:has(> input[autocomplete*=password]):before {
      mask-image: url("visuals/input-icon_password.svg");
    }
    div:has(> input[type=password]):before {
      mask-image: url("visuals/input-icon_password.svg");
    }
    div:has(> input[type=search]):before {
      mask-image: url("visuals/input-icon_search.svg");
    }
    div:has(> input[type=tel]):before,
    div:has(> input[autocomplete*=tel]):before {
      mask-image: url("visuals/input-icon_tel.svg");
    }
    div:has(> input[autocomplete*=mobile]):before {
      mask-image: url("visuals/input-icon_mobile.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: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;
    }
    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;
    }
  }
}