/**
 * TEN® Verify — hub under Service.
 * Full-viewport cream artwork (ten-verify-hero.jpg). Compact title + panel.
 * Site footer / wave is hidden on this page only.
 */

/* ------------------------------------------------------------------
   Artwork as designed: full width, natural height — no cover-zoom.
   Bottom cream wave is clipped. Header/nav stay above the image.
   ------------------------------------------------------------------ */
.ten-verify-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background-color: #f6f3ee;
}

.ten-verify-bg img {
  display: block;
  position: absolute;
  /* Below the site header so the TEN® Verify seal is not under the TEN logo */
  top: 6.75rem;
  left: 0;
  width: 100%;
  max-width: none;
  height: auto;
  -webkit-clip-path: inset(0 0 22% 0);
  clip-path: inset(0 0 22% 0);
}

/* Header + dropdowns above the artwork; nav stays visible */
.head.head--verify {
  position: relative;
  z-index: 10050;
  overflow: visible;
}

.head.head--verify.stickyhead {
  position: fixed;
}

#subhead.subhead--verify,
.allcont.allcont--verify {
  position: relative;
  z-index: 1;
}

/* No public footer / RTW-Welle / Direktkontakt on Verify */
.allcont--verify ~ .foot,
.allcont--verify ~ #footer,
.subhead--verify ~ .foot,
.subhead--verify ~ #footer {
  display: none !important;
}

/* ------------------------------------------------------------------
   Compact one-screen layout (no 530px Unterseiten-Hero)
   ------------------------------------------------------------------ */
body:not(#uid1) #subhead.subhead--verify,
body:not(#uid1) #subhead.subhead--verify #subhead2 {
  max-height: none !important;
  overflow: visible !important;
}

body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify {
  min-height: 0;
  background: transparent;
  overflow: visible;
}

body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .image {
  display: none;
}

body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text,
body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text .text_inner h1,
body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text .text_inner p {
  color: #1a1a1a;
}

body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  min-height: 0;
  padding-top: 64px;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text .text_inner {
  width: 100%;
  max-width: 28rem;
  margin: 0;
  padding-top: 0;
  padding-bottom: 4px;
  text-align: left;
}

@media screen and (min-width: 900px) {
  .ten-verify-bg img {
    top: 7.25rem;
  }
}

.site .allcont.allcont--verify {
  padding-top: 0 !important;
  background: transparent;
  min-height: 0;
}

.allcont--verify section.cont {
  padding-bottom: 24px !important;
  width: 100%;
  max-width: none;
}

.ten-verify {
  max-width: none;
  margin: 0;
  padding: 0 24px 28px;
  box-sizing: border-box;
  overflow: visible;
}

.ten-verify__inner {
  width: 100%;
  max-width: 28rem;
  margin: 0 auto;
  text-align: left;
  overflow: visible;
}

.ten-verify__intro {
  margin: 0 0 10px;
}

.ten-verify__title {
  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  font-weight: 700;
  line-height: 1.25;
  color: #1a1a1a;
  margin: 0 0 6px;
}

.ten-verify__lead {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #444;
}

.ten-verify-panel[hidden] {
  display: none !important;
}

.ten-verify-form {
  margin: 0 0 14px;
}

.ten-verify-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 8px;
  margin: 0 0 12px;
  width: calc(80% + 8px + 14.5rem);
  max-width: none;
}

.ten-verify-fields .ten-verify-field {
  margin: 0;
}

.ten-verify-field--masked {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
}

.ten-verify-field--pin {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.5rem;
  flex: 0 0 14.5rem;
  width: 14.5rem;
  min-width: 0;
}

.ten-verify-field--pin .ten-verify-field__label {
  visibility: hidden;
  height: auto;
}

.ten-verify-field {
  margin: 0 0 12px;
}

.ten-verify-field__label {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #555;
}

.ten-verify-field__control {
  position: relative;
  width: 100%;
  max-width: none;
}

.ten-verify-field__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0 42px 0 12px;
  overflow: hidden;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 44px;
  color: #1a1a1a;
  caret-color: #1a1a1a;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: border-color 0.2s ease, box-shadow 0.2s ease;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ten-verify-field__input::-webkit-input-placeholder {
  color: #b0b0b0;
  letter-spacing: 0.04em;
  font-weight: 600;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
}

.ten-verify-field__input::-moz-placeholder {
  color: #b0b0b0;
  letter-spacing: 0.04em;
  font-weight: 600;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
  opacity: 1;
}

.ten-verify-field__input:-ms-input-placeholder {
  color: #b0b0b0;
  letter-spacing: 0.04em;
  font-weight: 600;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
}

.ten-verify-field__input::placeholder {
  color: #b0b0b0;
  letter-spacing: 0.04em;
  font-weight: 600;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
}

.ten-verify-field__input:hover {
  border-color: #bdbdbd;
}

.ten-verify-field__input:focus,
.ten-verify-field__input:focus-visible {
  outline: none;
  border-color: #cc0607;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #cc0607;
}

.ten-verify-field.is-invalid .ten-verify-field__input {
  border-color: #cc0607;
}

.ten-verify-field--masked.ten-verify-field--filled:not(.ten-verify-field--revealed) .ten-verify-field__input {
  color: transparent;
  text-shadow: 0 0 9.2px rgba(26, 26, 26, 0.78), 0 0 14px rgba(26, 26, 26, 0.28);
}

.ten-verify-field__input--pin {
  padding: 0 10px;
  font-size: 20px;
}

.ten-verify-field__input--pin::-webkit-input-placeholder {
  color: transparent;
}

.ten-verify-field__input--pin::-moz-placeholder {
  color: transparent;
  opacity: 0;
}

.ten-verify-field__input--pin:-ms-input-placeholder {
  color: transparent;
}

.ten-verify-field__input--pin::placeholder {
  color: transparent;
}

.ten-verify-field__pin-ph {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 44px;
  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 44px;
  color: #7a7a7a;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
}

.ten-verify-field__input--pin:not(:placeholder-shown) ~ .ten-verify-field__pin-ph {
  opacity: 0;
}

.ten-verify-field--masked.ten-verify-field--filled:not(.ten-verify-field--revealed) .ten-verify-field__input::-webkit-input-placeholder {
  color: #b0b0b0;
  text-shadow: none;
}

.ten-verify-field--masked.ten-verify-field--filled:not(.ten-verify-field--revealed) .ten-verify-field__input::-moz-placeholder {
  color: #b0b0b0;
  text-shadow: none;
  opacity: 1;
}

.ten-verify-field__reveal {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #555;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ten-verify-field__reveal:hover,
.ten-verify-field__reveal:focus {
  color: #1a1a1a;
}

.ten-verify-field__reveal:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #cc0607;
  border-radius: 4px;
}

.ten-verify-field__reveal-icon {
  display: block;
  line-height: 0;
}

.ten-verify-field__reveal-icon[hidden] {
  display: none !important;
}

.ten-verify-field__error {
  margin: -4px 0 12px;
  font-size: 13px;
  line-height: 1.4;
  color: #cc0607;
}

.ten-verify-field__error[hidden] {
  display: none !important;
}

.ten-verify-form__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ten-verify-form__submit {
  min-width: 140px;
}

.ten-verify__hint {
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #6a6a6a;
  max-width: 42rem;
}

.ten-verify-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
}

.ten-verify-status {
  padding: 0 0 8px;
  text-align: left;
}

.ten-verify-status__kicker {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a8a8a;
}

.ten-verify-status--verified .ten-verify-status__kicker {
  color: #3d6b4f;
}

.ten-verify-status__title {
  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: 700;
  line-height: 1.3;
  color: #1a1a1a;
  margin: 0 0 8px;
  max-width: 36rem;
  overflow: visible;
  white-space: normal;
}

.ten-verify-status__text,
.ten-verify-status__note {
  margin: 0 0 8px;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #444;
  max-width: 36rem;
}

.ten-verify-status__text:empty,
.ten-verify-status__note:empty {
  display: none;
}

.ten-verify-status__actions {
  margin: 14px 0 0;
}

.ten-verify-download {
  cursor: pointer;
}

.ten-verify-reset {
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 32px;
  height: 32px;
  padding: 0 calc(0.9em + 1ch) !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-image: none !important;
  color: #1a1a1a !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  cursor: pointer;
  -webkit-transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.ten-verify-reset::before,
.ten-verify-reset::after {
  display: none !important;
  content: none !important;
}

.ten-verify-reset:hover,
.ten-verify-reset:focus,
.ten-verify-reset:focus-visible {
  background: #fff !important;
  border-color: #cc0607 !important;
  color: #cc0607 !important;
  opacity: 1;
  transform: none !important;
  box-shadow: none !important;
}

.ten-verify-reset:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #cc0607 !important;
}

.ten-verify-meta {
  margin: 16px 0 0;
  padding: 0;
  border-top: 1px solid #e6e6e4;
}

.ten-verify-meta[hidden] {
  display: none !important;
}

.ten-verify-meta__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.ten-verify-meta dt {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a8a8a;
}

.ten-verify-meta dd {
  margin: 0;
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #1a1a1a;
  text-align: left;
  word-break: break-word;
}

.ten-verify-hero__eyebrow {
  margin: 0 0 4px !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a8a8a !important;
}

.ten-verify-hero__title {
  margin: 0 0 6px !important;
  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #1a1a1a !important;
}

.ten-verify-hero__lead {
  margin: 0 !important;
  max-width: none;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #3a3a3a !important;
}

/* Nav/logo readable on cream — also when the header is not yet sticky */
@media screen and (min-width: 1161px) {
  .head.head--verify .head2 > .inner .nav > li > a,
  .head.head--verify:not(.stickyhead) .head2 > .inner .nav > li > a,
  .head.head--verify:not(.stickyhead) .head2 > .inner .nav > li:hover > a,
  .head.head--verify:not(.stickyhead) .head2 > .inner .nav > li.over > a,
  .head.head--verify:not(.stickyhead) .head2 > .inner .nav > li.act > a,
  .head.head--verify:not(.stickyhead) .head2 > .inner .nav > li.active > a,
  .head.head--verify:not(.stickyhead) .head2 > .inner .nav > li.cur > a {
    color: #1B2528 !important;
  }

  .head.head--verify .head2 > .inner .logo a > .logo__text,
  .head.head--verify:not(.stickyhead) .head2 > .inner .logo a > .logo__text {
    color: #1B2528;
  }

  .head.head--verify:not(.stickyhead) .langswitch__link,
  .head.head--verify:not(.stickyhead) .langswitch__link.act {
    color: #1B2528;
  }

  .head.head--verify:not(.stickyhead) .langswitch__sep {
    color: rgba(27, 37, 40, 0.45);
  }

  .head.head--verify:not(.stickyhead) .langswitch__link:hover,
  .head.head--verify:not(.stickyhead) .langswitch__link:focus {
    color: #cc0607;
  }
}

@media (max-width: 600px) {
  .ten-verify-meta__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }

  .ten-verify-meta dd {
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .ten-verify-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    gap: 10px;
  }

  .ten-verify-field--masked,
  .ten-verify-field--pin {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
  }

  .ten-verify-field--pin .ten-verify-field__label {
    visibility: visible;
  }

  .ten-verify {
    padding: 4px 16px 24px;
  }

  .ten-verify-bg img {
    top: 4.75rem;
  }

  body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text {
    padding-top: 8.5rem;
  }

  body:not(#uid1) #subhead.subhead--verify #subhead2 .text_on_image--verify .text .text_inner {
    padding-bottom: 4px;
  }

  .ten-verify-bg img {
    -webkit-clip-path: inset(0 0 18% 0);
    clip-path: inset(0 0 18% 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ten-verify-field__input {
    -webkit-transition: none;
    transition: none;
  }
}