.form-item-salutation  .error-and-desc-wrapper .messages{
    
    font-weight: 300 !important;
    color: #0d0d0d !important;
    font-size: 16px !important;
    margin-top: 4px;
    font-family: 'robotolight', sans-serif !important;
    margin-bottom: 15px;
    margin: 12px 0 15px !important;
    position: absolute;
    top: 57%;
    left: -269px;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 222px;
    max-width: 100vw;
    padding: 15px 29px 15px 12px;
    margin-top: 20px;
    border: 1px solid #e81c24;
    border-radius: 5px;
    color: #3a3533;
    font-family: "robotolight",Helvetica,sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    background-image: url(/themes/custom/trim_the_tail_th/dist/images/icons/icon-red-cancel.svg);
    background-color: #ffffff;
    background-size: 24px 24px;
    background-position: right 20px top 15px;
    background-repeat: no-repeat;
}





.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=radio], .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=checkbox] {
  appearance: none;
  border: 2px solid 
#db0f16 !important;
  margin-right: 10px;
  width: 28px;
  height: 28px;
  line-height: 18px;
  cursor: pointer;
  box-sizing: border-box;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=radio]:checked[type=checkbox]:checked {
  padding: 3px;
  background-color: 
#db0f16 !important;
}
 .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=checkbox]:checked:after{
  padding: 3px;
   background-image: url(/sites/default/files/2021-05/checkbox-filled%402x.png) !important;
     
   
}
 .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=checkbox]:checked{
background-color: #fff !important;}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=radio] {
  border-radius: 50%;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=checkbox]:checked {
  background-image: url(/sites/default/files/2021-05/checkbox-filled%402x.png) !important;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=checkbox] {
  background-image: none;
}
  /*add*/
  .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form label {
    font-weight: 300 !important;
    color: #0d0d0d !important;
    font-size: 16px !important;
    margin-top: 4px;
    font-family: 'robotolight', sans-serif !important;
    margin-bottom: 15px;
    margin: 12px 0 15px !important;
  }
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form label.form-required:after {
  content: "";
}
 /*add*/
  .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input.error:not([type=submit]).error:not([type=file]).error:not([type=radio]).error:not([type=checkbox]) {
    font-size: 20px;
    /*border: 4px solid #000000 !important;
    background-image:unset !important;
    padding: 16px 20px;
    color: #3a3533 !important;*/
  }
@media (min-width: 768px) {
  .gpf__first-name.col-md-6, .gpf__last-name.col-md-6{
  margin-top: 18px !important;}
  
  .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form {
    max-width: 980px !important;
    padding: 0 110px 60px !important;
    margin: -27px auto 0 !important;
  }
  .gpf__agree-checkbox .error-and-desc-wrapper{
  flex: unset !important;}
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__copy .gpf__copy-text--red.gpf__copy-text {
  color: #df212c !important;
  font-weight: 400;
}
@media (min-width: 768px) {
  .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__copy .gpf__copy-text--red.gpf__copy-text .gpf__copy-text--red {
    font-size: 30px;
    line-height: 1;
  }
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__copy .gpf__copy-text {
  margin: 0 auto 10px;
  font-size: 12px;
  line-height: 1.25;
  color: #3a3533 !important;
  text-align: center;
}
@media (min-width: 768px) {
  .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__copy .gpf__copy-text {
    font-size: 22px;
  }
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__name .form-item-first-name {
  padding-left: 0;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__name .gpf__salutaion .webform-options-display-one-column {
  display: flex;
  max-width: 260px;
  width: 100%;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__name .gpf__salutaion label {
  font-weight: 400;
  color: #3a3533 !important;
  font-size: 20px;
  margin-top: 4px;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .form-type-processed-text:before {
  width: auto;
  height: auto;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .form-type-processed-text p {
  font-weight: bold;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__pet-name label {
   margin: 0 0 15px !important;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__pet-birthday label {
 margin: 0 0 15px !important;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__pet-size .form-item-pet-size {
  width: 50%;
  float: left;
  padding-left: 0;
  padding-right: 25px;
  flex-wrap: nowrap;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__pet-size .form-item-pet-size label {
  color: #3a3533 !important;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__require-text {
  display: block;
  font-size: 12px;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item {
  flex-wrap: nowrap;
  margin-bottom: 53px !important;
}
/*.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label {
  margin-top: -5px;
  color: #3a3533 !important;
  font-size: 15px;
}*/
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label a {
  color: inherit;
  border-bottom: none;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: underline;
  text-decoration-color: #23527c;
  
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label a:hover, .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label a:focus {
  color: #23527c;
  text-decoration: underline;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__term-and-conditions p {
  text-align: left;
  color: #3a3533 !important;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__term-and-conditions p a {
  color: #ed1c24;
  border-bottom: none;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__term-and-conditions p a:hover, .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__term-and-conditions p a:focus {
  color: #23527c;
  text-decoration: underline;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .captcha {
  width: 100%;
  max-width: 304px;
  margin: 0 auto 20px;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .form-actions .input__wrapper-submit .button {
  max-width: 540px;
  padding: 15px 0;
  font-size: 24px;
  display: block;
  width: 100%;
  margin: 0 auto;
  color: #fff;
}
.gpf__pet-size .form-item-pet-size .form-radio,
.gpf__agree-checkbox input[type=checkbox]{
    flex: unset !important;
    width: auto;
    float: none;
    transform: unset !important;
}
.gpf__salutaion .js-form-item-salutation input{
transform: unset !important;}

.input__wrapper-submit{
    max-width: 540px !important;
    padding: 15px 0;
    font-size: 24px;
    display: block;
    width: 100% !important;
    margin: 0 auto;
    color: #fff;}
p.consent{
  
}

p,
.title{}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__copy .gpf__copy-text{}

.form-required .p,
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label p{
font-size: 15px !important;
line-height: normal !important;}

.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label a{
padding-left: 0 !important;
padding-right: 0 !important;
}

#edit-container-05{margin-left: -15px !important;}
#edit-pet-size{
  margin-left: -6px !important;
}
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input[type=radio]:checked {
    padding: 3px;
    background-color: #db0f16 !important;
    
}

.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]){
  box-shadow: none !important;
  border: 2px solid #c9c5b9 !important;
  padding: 16px 20px !important;
  }
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus{
box-shadow: none !important;
border: 2px solid #969696 !important;
padding: 16px 20px !important;
}

.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):hover{
border: 1px solid #960f0f !important;}

  .paragraph--type--forms .form-actions .input__wrapper {
    margin-right: auto !important;
}
.consent{
font-weight: normal !important;}

.gpf__term-and-conditions{margin-top: -46px !important;}

.captcha.form-item--error .error-and-desc-wrapper .form-item--error-message {top: 76px !important;}
.gpf__first-name,
.gpf__last-name{position: relative !important;}

.gpf__salutaion .js-form-item-salutation input.error+label,
.gpf__last-name input.error+label {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    
    padding: 15px 54px 15px 20px;
    border: 1px solid #e81c24;
    border-radius: 5px;
    line-height: 1.5rem;
  font-size:16px !important;
}
.gpf__last-name input.error+label{left: 27px;}
.gpf__salutaion .js-form-item-salutation input.error+label{
width: 257px !important;}
   .gpf__salutaion .js-form-item-salutation input.error+label:before { 
     top: -12px !important;
    left: 10px !important;
    border-color: transparent transparent #e81c24 transparent !important;
     border-width: 6px !important;
width: 0  !important;
    height: 0  !important;
    border-radius: unset !important;}
   .gpf__salutaion .js-form-item-salutation input.error+label:after {
     top: -10px !important;
    left: 11px !important;
    border-color: transparent transparent #ffffff transparent !important;
    border-width: 5px !important;
}
    /*add*/
  form label.error,
  form label.error, form .form-item--error-message, .form label.error, .form .form-item--error-message{
  font-size: 16px !important;
  top: 94% !important;
  
  /*padding: 15px 54px 15px 30px !important;
  background-position: left 0px bottom 15px !important;
  background-color: transparent !important;*/
}
input.error{
    /*border-radius: 2px !important;
    border: solid 4px #000000 !important;*/
  }


form label.error:after,
  form label.error:before,
.form-item--error-message:after,
.form-item--error-message:before{
      content: unset !important;
  }

  form label.error,
  form label.error,
.form-item--error-message{
          /*background-image: url(https://uat-74941-petcare-purinattt-germany.pantheonsite.io/sites/default/files/2021-06/cancelblackpng.png) !important;*/
          font-weight: 300 !important;
    color: #0d0d0d !important;
    font-size: 16px !important;
    font-family: 'robotolight', sans-serif !important;
    }

    form input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox])::placeholder, form textarea::placeholder, .form input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox])::placeholder, .form textarea::placeholder {
        color: #0d0d0d !important;
        opacity: 0.43;
        font-family: 'robotolight', sans-serif !important;
        font-size: 16px;
        font-weight: 300;
        padding: 12px 204px 13px 11px !important;
    }
.error-and-desc-wrapper .form-item--error-message{
position: relative !important;
    margin-top: -22px !important;}
 .gpf__email.form-item{
margin-top: 18px !important;
}

.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .form-type-processed-text p.consent{
margin-top: 24px !important;
}

.form-required .p, .webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .gpf__agree-checkbox.form-item label p a,
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .form-type-processed-text p.consent a {
color: #ed1c24 !important;
text-decoration-color: #ed1c24 !important;
text-decoration: underline !important;
}

.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form .form-item-salutation input[type=radio] {
    border-radius: 50% !important;
}

.webform-submission-growing-pup-newsletter-subscript-form label, .webform-submission-growing-pup-newsletter-subscript-form .fieldset-legend, .form label, .form .fieldset-legend{
font-weight: 300 !important;
    color: #0d0d0d !important;
    font-size: 16px !important;
    font-family: 'robotolight', sans-serif !important;
}
.field--name-field-brand-components .field__label{
  display: none;
}
form label.error:before {
    top: -12px;
    left: 10px;
    border-color: transparent transparent #e81c24 transparent;
    border-width: 6px;
     position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

form label.error:after{
    top: -10px;
    left: 11px;
    border-color: transparent transparent #ffffff transparent;
    border-width: 5px;
   position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

.gpf__agree-checkbox input[type=checkbox].error+label::after{
 content: 'Ohne dein Einverständnis ist uns aus datenschutzrechtlichen Gründen eine Bearbeitung der Transaktion leider nicht möglich. Daher bitten wir dich, die notwendige Erklärung abzugeben.'; 
 
}
.gpf__agree-checkbox input[type=checkbox].error+label:before{border: none !important;}


.gpf__agree-checkbox input[type=checkbox].error+label {
    position: absolute !important;
    top: 77% !important;
}
.gpf__agree-checkbox input[type=checkbox].error+label:before {
    top: -12px !important;
    left: 10px !important;
    border-color: transparent transparent #e81c24 transparent !important; 
  border-width: 6px !important;
    height: 12px !important;
    width: 8px !important;}

.gpf__agree-checkbox input[type=checkbox].error+label{
color: transparent !important;
margin: 18px 0 15px !important;}
.gpf__agree-checkbox input[type=checkbox].error+label::after{
  content:'Ohne dein Einverständnis ist uns aus datenschutzrechtlichen Gründen eine Bearbeitung der Transaktion leider nicht möglich. Daher bitten wir dich, die notwendige Erklärung abzugeben.'!important;
color: #000000 !important;
margin-top:12px !important;
width: 100%!important;
max-width: 657px;!important;}

#edit-form-group > div.gpf__agree-checkbox.js-form-item.form-item.js-form-type-checkbox.form-item-agree-checkbox.js-form-item-agree-checkbox > label{
margin: -4px 0 15px !important;}
#edit-container-02{    margin-top: -12px;}


form label.error::before,
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form label.error::before{
  top: -12px !important;
    left: 10px !important;
    border-color: transparent transparent #e81c24 transparent !important;
    border-width: 6px !important;
      position: absolute !important;
    content: "";
    display: block !important;
    width: 0;
    height: 0;
    border-style: solid !important;
}
form label.error:after,
.webform-submission-growing-pup-newsletter-subscript-form .form__content .growing-pup-form label.error::after{
  top: -10px !important;
    left: 11px !important;
    border-color: transparent transparent #ffffff transparent !important;
  border-width: 5px !important;
    position: absolute !important;
    content: "";
    display: block !important;
    width: 0;
    height: 0;
    border-style: solid !important;}