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

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0; }

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none; }

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5; }

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1; }

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor; }

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block; }

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit; }

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em; }

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex; }

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter-Regular.woff2") format("woff2"); }

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter-Italic.woff2") format("woff2"); }

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Inter-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Inter-SemiBoldItalic.woff2") format("woff2"); }

:root {
  --color-foreground-level-1: #435075;
  --color-foreground-level-2: #150023;
  --color-background: white;
  --color-border: #D5D7E6;
  --color-input-border: #ABB3CC;
  --color-primary: #252342;
  --color-on-primary: #E0EEF6;
  --color-container: #F5F9FF;
  --color-on-container: #231F20;
  --color-error: #E53E3E;
  --color-info: #598AC3; }

html, body {
  font-size: 18px; }

body {
  font-family: "Inter", sans-serif;
  color: var(--color-foreground-level-1);
  margin: 0; }

main.main {
  display: flex;
  flex-direction: column; }
  @media (min-width: 720px) {
    main.main {
      flex-direction: row; } }
  main.main .side-navigation {
    max-width: 200px;
    flex-direction: column;
    display: flex;
    padding: 1.5rem 0; }
    main.main .side-navigation a {
      text-decoration: none;
      color: inherit; }
  main.main .content {
    flex: 1; }
  main.main > * + * {
    margin-top: 1.5rem; }

.container, .container-sm {
  max-width: 688px;
  width: calc(100vw - 32px);
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 720px) {
    .container.container, .container-sm.container {
      width: calc(100vw - 160px);
      max-width: 1280px; } }

.alert {
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 1rem; }
  .alert.alert--error {
    border: 1px solid var(--color-error);
    color: var(--color-error); }
  .alert.alert--info {
    border: 1px solid var(--color-info);
    color: var(--color-info); }
  .alert .boxrightTitel {
    font-weight: 600; }

.wbt-file {
  display: flex;
  align-items: center; }

#trackGeneralInfo tr {
  vertical-align: baseline; }

h1, h2, h3, .h1, .h2, .h3 {
  hyphens: auto;
  color: var(--color-foreground-level-2);
  font-weight: 700;
  line-height: 1.2;
  word-break: break-word; }

h1 {
  animation: fadeInHeroHeading 0.6s cubic-bezier(0.12, -0.01, 0.24, 0.99) 0.2s 1;
  animation-fill-mode: forwards;
  opacity: 0;
  transform-origin: bottom left;
  font-size: 2.125rem;
  margin-top: 4.5rem;
  margin-bottom: 5rem; }
  @media (min-width: 720px) {
    h1 {
      font-size: 3.375rem; } }
  @media (min-width: 1025px) {
    h1 {
      font-size: 5.1rem; } }

h2, .h2 {
  font-size: 1.75rem;
  color: var(--color-foreground-level-2);
  margin-bottom: 1rem; }
  @media (min-width: 720px) {
    h2, .h2 {
      font-size: 2rem; } }

ul > li + li {
  margin-top: 1em; }

.subtitle {
  margin: 0;
  padding-bottom: 4.5rem;
  max-width: 720px;
  font-size: 1.44rem; }

#wbt-transfer-summary {
  background-color: var(--color-container) !important;
  color: var(--color-on-container);
  border-radius: 20px;
  padding: 1.25rem;
  margin-top: 1rem; }
  #wbt-transfer-summary td {
    vertical-align: baseline; }

#fileuploader, #wbt-uploaded-files {
  margin-top: 1rem; }

#wbt-back-link {
  display: inline-block;
  width: auto !important; }

@keyframes fadeInHeroHeading {
  0% {
    opacity: 0;
    transform: rotate(3deg) translateY(24px); }
  50% {
    opacity: 100%; }
  to {
    opacity: 100%;
    transform: rotate(0) translateY(0); } }

.main-navigation-container {
  border-bottom: 1px solid var(--color-border);
  margin-bottom: -2px; }

.main-navigation {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
  gap: 1rem;
  scroll-snap-type: x mandatory;
  margin-bottom: -1px; }
  .main-navigation a {
    color: var(--color-foreground-level-1);
    padding: 0.75rem 0;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    white-space: nowrap;
    scroll-snap-align: start; }
    .main-navigation a.wbt-global-menu-active, .main-navigation a:hover {
      color: var(--color-foreground-level-2);
      border-color: var(--color-foreground-level-2); }
    .main-navigation a.wbt-global-menu-active {
      font-weight: bold; }
  @media (min-width: 720px) {
    .main-navigation {
      gap: 40px; } }

.language-navigation {
  padding: 1.5rem 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem; }
  footer .language-navigation {
    padding: 3rem 0; }
  .language-navigation .poweredby {
    grid-area: 2 / 1 / 2 / span 2;
    text-align: center; }
  .language-navigation .logo > img {
    min-width: 160px;
    max-width: 160px; }
  .language-navigation select {
    background-color: transparent;
    border: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 2L6 6.5L10.5 2' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    padding-right: 1.5rem; }
  @media (min-width: 720px) {
    .language-navigation:has(.poweredby) {
      grid-template-columns: auto 1fr auto; }
    .language-navigation .poweredby {
      grid-area: auto;
      align-self: center; } }

* + .wbt-form-row:not(.wbt-form-hint) {
  margin-top: 1rem; }

.wbt-form-hint {
  margin-top: 0.25rem; }

.wbt-form-row input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.wbt-form-row textarea,
.wbt-form-row select {
  padding: 1.25rem 1rem;
  border-radius: 10px;
  border: 1px solid var(--color-input-border);
  width: 100%;
  max-width: 100%;
  background-color: white; }

.wbt-form-row select {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 2L6 6.5L10.5 2' stroke='black' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 1rem);
  background-position-y: 50%; }

.wbt-pw-tools {
  right: 1rem; }

.button,
.wbt-action-btn,
#wbt-back-link {
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  background-color: var(--color-primary);
  border: none;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-container);
  cursor: pointer; }
  .button:disabled,
  .wbt-action-btn:disabled,
  #wbt-back-link:disabled {
    color: #848cb3 !important;
    background-color: white;
    border: 1px solid #eaebf0; }

.wbt-form-row:has(> input[type="checkbox"]) {
  display: flex;
  align-items: center;
  gap: 0.5rem; }

.wbt-form-row input[type="checkbox"] {
  transform: scale(1.25); }

.wbt-form-row:not(:has(input[type="checkbox"])) .label {
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center; }
  .wbt-form-row:not(:has(input[type="checkbox"])) .label .wbt-form-hint-icon {
    max-height: 1rem;
    margin-left: 3px; }

.wbt-action-btn-form:has(.only-for-from-hint) {
  display: flex;
  align-items: center; }
  .wbt-action-btn-form:has(.only-for-from-hint) .wbt-action-btn {
    margin-top: 0;
    margin-bottom: 0; }
  .wbt-action-btn-form:has(.only-for-from-hint) .only-for-from-hint {
    width: 1.25rem;
    height: 1.25rem; }

.pre-footer {
  margin: 8rem 0;
  background-color: var(--color-container);
  background-image: linear-gradient(90deg, var(--color-container) 0 50%, #fff 50% 100%); }
  .pre-footer .container {
    display: grid;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: var(--color-container);
    padding: 5rem 0; }
    @media (min-width: 720px) {
      .pre-footer .container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(6, auto);
        grid-auto-flow: column; } }
  .pre-footer h2 {
    margin-top: 0;
    margin-bottom: 1rem; }
    @media (min-width: 720px) {
      .pre-footer h2 {
        margin-bottom: 3rem; } }
  .pre-footer .contact-title {
    text-transform: uppercase; }
  .pre-footer .contact-block img {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.5rem; }
  .pre-footer .contact-block + .contact-block {
    margin-top: 2rem; }

.nav-footer {
  margin-top: 8rem;
  background-color: var(--color-primary);
  background-image: linear-gradient(90deg, var(--color-primary) 0 50%, #fff 50% 100%); }
  .nav-footer .container {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: var(--color-primary);
    padding: 4.444rem 0; }
  .nav-footer a {
    color: var(--color-on-primary);
    text-decoration: none;
    display: block;
    margin-bottom: 0.667rem; }
    .nav-footer a:last-child {
      margin-bottom: 0; }
    @media (min-width: 720px) {
      .nav-footer a {
        margin-bottom: 1.889rem; } }