@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v30-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v30-latin-500.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v30-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-mono-v23-latin-regular.woff2') format('woff2');
}


:root {
  --mitdenkt-color-mint-primary: #00FFF8;
  --mitdenkt-color-mint-primary-rgb: 0, 255, 248;
  --mitdenkt-color-mint-secondary: #04BFC1;
  --mitdenkt-color-mint-secondary-rgb: 4, 191, 193;
  --mitdenkt-color-mint-tertiary: #087E8B;
  --mitdenkt-color-mint-tertiary-rgb: 8, 126, 139;
  --mitdenkt-color-lime: #F7FF58;
  --mitdenkt-color-lime-rgb: 247, 255, 88;
  --mitdenkt-color-flieder: #7D83FF;
  --mitdenkt-color-flieder-rgb: 125, 131, 255;
  --mitdenkt-color-light: #F2F2F2;
  --mitdenkt-color-light-rgb: 242, 242, 242;
  --mitdenkt-color-grey-light: #E8E8E8;
  --mitdenkt-color-grey-light-rgb: 232, 232, 232;
  --mitdenkt-color-grey-neutral: #858585;
  --mitdenkt-color-grey-neutral-rgb: 133, 133, 133;
  --mitdenkt-color-grey-dark: #2F2F2F;
  --mitdenkt-color-grey-dark-rgb: 47, 47, 47;
  --mitdenkt-color-dark: #191919;
  --mitdenkt-color-dark-rgb: 25, 25, 24;
  --mitdenkt-color-success: #3DC07E;
  --mitdenkt-color-success-rgb: 61, 192, 126;
  --mitdenkt-color-warning: #FFCA3A;
  --mitdenkt-color-warning-rgb: 255, 202, 58;
  --mitdenkt-color-danger: #FF595E;
  --mitdenkt-color-danger-rgb: 255, 89, 94;
  --mitdenkt-color-info: #296EB4;
  --mitdenkt-color-info-rgb: 41, 110, 180;
  --mitdenkt-font-family-default: 'Roboto', sans-serif;
  --mitdenkt-font-family-mono: 'Roboto Mono', monospace;
  --mitdenkt-font-size: 13px;
  --mitdenkt-font-weight-regular: 400;
  --mitdenkt-font-weight-medium: 500;
  --mitdenkt-font-weight-bold: 700;
  --mitdenkt-border-radius: 5px;
}



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

body {
  font-family: var(--mitdenkt-font-family-default), sans-serif;
  font-size: var(--mitdenkt-font-size);
  color: var(--mitdenkt-color-dark);
  line-height: 1.4;
}

a,
a:active,
a:visited,
a:active {
  color: var(--mitdenkt-color-dark);
}

.mitdenkt-button:active,
a:active {
  top: 1px;
  position: relative;
}

h1 {
  font-size: 18px;
  font-weight: var(--mitdenkt-font-weight-bold);
}

h2 {
  font-size: 15px;
  font-weight: var(--mitdenkt-font-weight-medium);
}

h3 {
  font-size: 15px;
  font-weight: var(--mitdenkt-font-weight-medium);
}

b {
  font-weight: var(--mitdenkt-font-weight-bold);
}

pre {
  padding: 25px;
  font-family: var(--mitdenkt-font-family-mono);
  border-radius: var(--mitdenkt-border-radius);
  background-color: var(--mitdenkt-color-light);
  color: var(--mitdenkt-color-dark);
  overflow: auto;
}

.mitdenkt-font-family-default {
  font-family: var(--mitdenkt-font-family-default);
}

.mitdenkt-font-family-mono {
  font-family: var(--mitdenkt-font-family-mono);
}

.mitdenkt-font-weight-regular {
  font-weight: var(--mitdenkt-font-weight-regular);
}

.mitdenkt-font-weight-medium {
  font-weight: var(--mitdenkt-font-weight-medium);
}

.mitdenkt-font-weight-bold {
  font-weight: var(--mitdenkt-font-weight-bold);
}

.mitdenkt-button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

a.mitdenkt-button,
a.mitdenkt-button-primary,
.mitdenkt-button-primary {
  background-color: var(--mitdenkt-color-dark);
  color: white;
  border-color: var(--mitdenkt-color-dark);
}

.mitdenkt-button-primary,
.mitdenkt-button-secondary,
.mitdenkt-button-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  min-width: 120px;
  padding: 22.5px;
  font-family: var(--mitdenkt-font-family-default);
  font-size: 15px;
  font-weight: var(--mitdenkt-font-weight-medium);
  border-radius: 5px;
  width: fit-content;
  font-size: 15px;
  cursor: pointer;
  margin-bottom: 22.5px;
}

.mitdenkt-preloader {
  background-color: var(--mitdenkt-color-mint-primary);
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjEiPgogICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIgogICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDIwIgogICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIKICAgICAgICAgICAgICAgIGtleVRpbWVzPSIwOyAxIgogICAgICAgICAgICAgICAga2V5U3BsaW5lcz0iMC4xNjUsIDAuODQsIDAuNDQsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiCiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS44cyIKICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiCiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8L2NpcmNsZT4KICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIKICAgICAgICAgICAgICAgIGJlZ2luPSItMC45cyIgZHVyPSIxLjhzIgogICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIKICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJzcGxpbmUiCiAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsgMSIKICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IgogICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiCiAgICAgICAgICAgICAgICB2YWx1ZXM9IjE7IDAiCiAgICAgICAgICAgICAgICBjYWxjTW9kZT0ic3BsaW5lIgogICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiCiAgICAgICAgICAgICAgICBrZXlTcGxpbmVzPSIwLjMsIDAuNjEsIDAuMzU1LCAxIgogICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==");
  width: 44px;
  height: 44px;
}


button.mitdenkt-button-primary,
button.mitdenkt-button-secondary,
button.mitdenkt-button-disabled {
  border: none;
}

a.mitdenkt-button-primary,
a.mitdenkt-button-secondary,
a.mitdenkt-button-disabled {
  text-decoration: none;
}

.mitdenkt-button-primary:active,
.mitdenkt-button-secondary:active {
  position: relative;
  top: 1px;
}

.mitdenkt-button-disabled:active,
.mitdenkt-button-primary:disabled:active,
.mitdenkt-button-secondary:disabled:active {
  position: relative;
  top: 0;
}

.mitdenkt-button-secondary {
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 2px;
}

.mitdenkt-button-primary.mitdenkt-button-color-mint-primary {
  background-color: var(--mitdenkt-color-mint-primary);
  color: var(--mitdenkt-color-dark);
}

.mitdenkt-button-secondary.mitdenkt-button-color-mint-primary {
  box-shadow: inset 0px 0px 0px 2px var(--mitdenkt-color-mint-primary);
}

.mitdenkt-button-primary.mitdenkt-button-color-mint-secondary {
  background-color: var(--mitdenkt-color-mint-secondary);
  color: var(--mitdenkt-color-dark);
}

.mitdenkt-button-secondary.mitdenkt-button-color-mint-secondary {
  box-shadow: inset 0px 0px 0px 2px var(--mitdenkt-color-mint-secondary);
}

.mitdenkt-button-primary.mitdenkt-button-color-mint-tertiary {
  background-color: var(--mitdenkt-color-mint-tertiary);
  color: white;
}

.mitdenkt-button-secondary.mitdenkt-button-color-mint-tertiary {
  box-shadow: inset 0px 0px 0px 2px var(--mitdenkt-color-mint-tertiary);
}

.mitdenkt-button-primary.mitdenkt-button-color-lime {
  background-color: var(--mitdenkt-color-lime);
  color: var(--mitdenkt-color-dark);
}

.mitdenkt-button-secondary.mitdenkt-button-color-lime {
  box-shadow: inset 0px 0px 0px 2px var(--mitdenkt-color-lime);
}

.mitdenkt-button-primary.mitdenkt-button-color-flieder {
  background-color: var(--mitdenkt-color-flieder);
  color: white;
}

.mitdenkt-button-secondary.mitdenkt-button-color-flieder {
  box-shadow: inset 0px 0px 0px 2px var(--mitdenkt-color-flieder);
}

.mitdenkt-button-primary:disabled,
.mitdenkt-button-secondary:disabled,
.mitdenkt-button-disabled,
.mitdenkt-button-primary.mitdenkt-button-disabled {
  color: var(--mitdenkt-color-grey-neutral);
  background-color: var(--mitdenkt-color-grey-light);
}

.mitdenkt-button-secondary:disabled,
.mitdenkt-button-secondary.mitdenkt-button-disabled {
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 2px var(--mitdenkt-color-grey-neutral);
}

.mitdenkt-icon,
.mitdenkt-icon svg {
  width: 25px;
  height: 25px;
}

.mitdenkt-icon svg {
  fill: none;
}

.mitdenkt-icon path {
  stroke: var(--mitdenkt-color-dark);
}

.mitdenkt-dark .mitdenkt-icon path {
  stroke: var(--mitdenkt-color-grey-neutral);
}

.mitdenkt-alert {
  display: flex;
  align-items: center;
  padding: 12px 22.5px;
  border-radius: 5px;
  padding: 22.5px;
  font-size: 15px;
  font-weight: var(--mitdenkt-font-weight-medium);
}

.mitdenkt-alert-success {
  color: var(--mitdenkt-color-success);
  background-color: rgba(var(--mitdenkt-color-success-rgb), 0.1125);
}

.mitdenkt-alert-warning {
  color: var(--mitdenkt-color-warning);
  background-color: rgba(var(--mitdenkt-color-warning-rgb), 0.1125);
}

.mitdenkt-alert-danger {
  color: var(--mitdenkt-color-danger);
  background-color: rgba(var(--mitdenkt-color-danger-rgb), 0.1125);
}

.mitdenkt-alert-info {
  color: var(--mitdenkt-color-info);
  background-color: rgba(var(--mitdenkt-color-info-rgb), 0.1125);
}

.mitdenkt-alert-secondary {
  color: var(--mitdenkt-color-grey-neutral);
  background-color: rgba(var(--mitdenkt-color-grey-neutral-rgb), 0.1125);
}

.mitdenkt-input-label {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.mitdenkt-input-label:has(.mitdenkt-input[type="radio"]),
.mitdenkt-input-label:has(.mitdenkt-input[type="checkbox"]) {
  margin: 0 0 12px 0;
  width: fit-content;
  cursor: pointer;
}

.mitdenkt-input-label:has(.mitdenkt-input[type="password"]),
.mitdenkt-input-label:has(.mitdenkt-input[type="text"]) {
  font-weight: var(--mitdenkt-font-weight-medium);
  margin-bottom: 22.5px;
}

.mitdenkt-input-label:has(.mitdenkt-input[type="password"]) span,
.mitdenkt-input-label:has(.mitdenkt-input[type="text"]) span {
  margin-bottom: 3px;
  padding-left: 5px;
}

.mitdenkt-input-label:has(.mitdenkt-input[type="password"])>.mitdenkt-icon:first-child,
.mitdenkt-input-label:has(.mitdenkt-input[type="text"])>.mitdenkt-icon:first-child {
  position: absolute;
  margin: 0 11px;
}

.mitdenkt-input-label:has(.mitdenkt-input[type="password"]):has(.mitdenkt-icon:first-child) .mitdenkt-input,
.mitdenkt-input-label:has(.mitdenkt-input[type="text"]):has(.mitdenkt-icon:first-child) .mitdenkt-input {
  padding-left: 48px;
}

.mitdenkt-input {
  font-size: var(--mitdenkt-font-size);
  color: var(--mitdenkt-color-dark);
  outline: 2px solid transparent;
  transition: outline-color ease-in 120ms, outline-width 120ms;
  transition-delay: 60ms;
}

.mitdenkt-input[type="radio"],
.mitdenkt-input[type="checkbox"] {
  cursor: pointer;
  margin: 0 8px 0 0;
  width: 24px;
  height: 24px;
  accent-color: var(--mitdenkt-color-mint-tertiary);
}

.mitdenkt-dark .mitdenkt-input[type="radio"],
.mitdenkt-dark .mitdenkt-input[type="checkbox"] {
  accent-color: var(--mitdenkt-color-mint-secondary);
}

.mitdenkt-input[type="password"],
.mitdenkt-input[type="text"] {
  flex: 0 0 100%;
  height: 45px;
  margin: 0;
  border-radius: var(--mitdenkt-border-radius);
  background-color: var(--mitdenkt-color-light);
  border: 0;
  width: 100%;
  padding: 22.5px;
  font-family: var(--mitdenkt-font-family-default);
}


.mitdenkt-input-label:has([data-action]) .mitdenkt-input {
  padding-right: 50px;
}

.mitdenkt-input-label [data-action] {
  position: absolute;
  padding: 0 11px;
  right: 0;
  display: flex;
  height: 45px;
  align-items: center;
  cursor: pointer;
}

.mitdenkt-input-label [data-action] svg path {
  stroke: var(--mitdenkt-color-mint-primary);
}

.mitdenkt-input-label:has([data-visible="false"]) [data-action="hide-password"] {
  display: none;
}

.mitdenkt-input-label:has([data-visible="true"]) [data-action="show-password"] {
  display: none;
}


.mitdenkt-dark .mitdenkt-input[type="password"],
.mitdenkt-dark .mitdenkt-input[type="text"] {
  background-color: var(--mitdenkt-color-dark);
  color: var(--mitdenkt-color-grey-neutral);
}

.mitdenkt-dark .mitdenkt-input[type="password"]:focus,
.mitdenkt-dark .mitdenkt-input[type="text"]:focus {
  outline: 2px solid var(--mitdenkt-color-grey-neutral);
}

.mitdenkt-input[type="password"]:disabled,
.mitdenkt-input[type="text"]:disabled {
  background-color: var(--mitdenkt-color-grey-light);
  color: var(--mitdenkt-color-grey-neutral);
}

.mitdenkt-input[type="password"]::placeholder,
.mitdenkt-input[type="text"]::placeholder {
  color: var(--mitdenkt-color-grey-neutral);
}