.vpt-dropzone {
  border: 2px dotted #0363B0 !important;
}

.dropzone {
  min-height: 200px;
  border: 0px;
  background: white;
  padding: 10px 10px;
}
.dropzone .dz-message {
  margin: 0;
  text-align: center;
  /*height: 165px; */
  /* 1.77x1 Firmen Logo */
}
.dropzone .dz-message.bg-company-logo {
  background-image: url("/img/logo-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 310px 175px;
  /*background-size: 180px 180px;*/
}
.dropzone .dz-message.bg-signature {
  background-image: url("/img/signature.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 100px;
}
.dropzone .dz-message.bg-importer-excel {
  background-image: url("/img/excel-upload.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 310px 175px;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  min-height: 100px;
}
.dropzone .dz-preview .dz-image {
  border-radius: 0px;
  overflow: hidden;
  width: 140px;
  height: 140px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  width: 140px;
  height: 140px;
}

/*
 * Theme
 * Author: NK&HM
 * ================================*/
.fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  margin-bottom: 20px;
}

.legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
.legend.title {
  font-size: 1.5rem;
  margin-bottom: 1.8rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color: #0363B0;
}

/* Line */
span.form-subtitle {
  font-size: 1.2rem;
  margin-top: 1em;
}

.powermail__fields--wrapp .legend.title {
  margin-bottom: 0;
  margin-top: 1.2em;
}

.powermailfield__startfield.powermailfield__grid0 {
  display: grid;
  grid-template-columns: auto auto;
}

.powermail__fields--wrapp label {
  /*word-break: break-all; */
}

@media screen and (max-width: 767px) {
  .powermail__fields--wrapp .row .checkbox {
    padding-top: 0 !important;
  }
  .powermail__fields--wrapp .row div:not(:last-child) {
    margin-bottom: 20px;
  }
  .powermailfield__startfield.powermailfield__grid0 {
    grid-template-columns: auto;
    grid-row-gap: 20px;
  }
}
/*
 Formular
 */
span.sepa {
  display: none;
}

/*
 * Theme
 * Author: NK&HM
 * ================================*/
.tx-arimo {
  font-family: Arimo, sans-serif !important;
}

.tx-dm-sans {
  font-family: DM Sans, sans-serif !important;
}

.swoosh {
  background: url("/img/VPT_Swoosh_Master_FINAL.png") no-repeat;
  background-position-x: left;
  background-position-y: bottom;
  background-attachment: scroll;
  background-size: 100% 250px;
}

.help {
  font-weight: 700;
  font-size: 1.4rem;
}

.dank {
  font-weight: 700;
  font-size: 1.4rem;
}

.campain-logo {
  width: 100%;
}

@media only screen and (max-width: 576px) {
  h1 {
    font-size: 1.3rem;
  }
}
h3.dsgvo {
  font-size: 1.5rem;
  color: #4c4c4c;
}

.page-footer {
  margin-top: 80px;
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0;
}

.wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.signature-pad {
  width: 100%;
  /*height: auto;*/
  height: 150px;
  display: block;
  background-color: #e6f4ff;
}

.btn.sig {
  padding: 0.2rem 0.4rem;
  font-size: 0.5rem;
}