/* @import './importedStyles.css'; */

.adn-newsletter {
  max-width: 768px;
  margin: 20px auto;
  padding: 0 10px;

  form {
    padding: 20px;
    background: #fff;
  }

  .nl-form-body .element {
    .validation {
      display: none;
      color: var(--accent);
      font-family: 'SparkasseHead_Rg';
    }

    &.invalid {
      .validation {
        display: block;
      }

      input {
        border-color: var(--accent);
      }
    }
  }

  label {
    font-family: 'SparkasseHead_Rg';

    &+.descr {
      display: none;
    }
  }

  input {
    display: block;
    width: 100%;

    &[type="checkbox"] {
      width: auto;
      display: inline-flex;
      width: 1rem;
      height: 1rem;
      margin-right: .5rem;
      vertical-align: -2px;

      &+label {
        font-family: inherit;
      }
    }
  }

  select {
    display: block;
    width: 100%;
  }
  
  p.descr {
    color: var(--gray-transparent-50);
    font-size: 0.9rem;
  }

  .mandatory {
    label {
      &:after {
        content: '*';
        padding-left: 5px;
        color: var(--accent);
      }
    }
  }

  #fa_6 {
    margin-bottom: 20px;
  }

  #fa_11, #fa_12, #fa_13 {
    margin-top: 20px;
  }

  #fa_14 {
    margin-top: 10px;
    color: var(--gray-transparent-50);
    font-size: 0.9rem;
  }
}