
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: 1;
}

input, select, textarea, button{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  border:none;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  font-weight: normal;
 }

 input[type="number"] {
   -webkit-appearance: textfield;
      -moz-appearance: textfield;
           appearance: textfield;
 }
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
 }

select::-ms-expand {
    display: none;
}

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}

input.required.error, select.required.error, textarea.required.error {
  border: 1px  solid red;
}

#commerce-order-item-add-to-cart-form-commerce-product-1 input { display: block!important; }

#konto-popup-wrapper ul {
  margin: 0px!important;
  padding: 0px!important;
  font-size: 90%;
}

#konto-popup-wrapper #edit-submit {
  margin-top: 6px;
}

#user-login-form {
  width: 400px;
  max-width: 100%;
}

.path-user #user-login-form, .path-user #user-register-form, .path-user #user-pass {
  border: medium none;
  margin: 0px auto 40px auto;
  max-width: 900px;
  padding: 30px;
  width: 55%;
}

.webform-element-description {
  font-size: 0.85em; opacity: 0.6; line-height: 1em;
}

.captcha__description, .captcha__title { display: none!important; }
.captcha__image-wrapper img { border: none; padding: 0px; margin: 0px!important; }
.form-item-captcha-response input { padding: 10px 10px!important; margin: 0px!important; }
#edit-captcha-image-wrapper, .captcha__element { display: flex; align-items: center!important; column-gap: 12px; }
.captcha-type-challenge--image .captcha__element { padding: 20px; justify-content: center; }

#edit-customer-profiles--description, #inline-entity-form-customer_profiles-form legend {
  display: none;
}

input[type="checkbox"] {
  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  display:inline-block;
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}

input[type="checkbox"]::before:hover {
  cursor: pointer;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.form-item, .form-actions {
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

.js-form-type-checkbox {
    display: flex; align-content: flex-start; align-items: center;
    margin: 13px 0px!important;
}
.js-form-type-checkbox input {
    margin: 0px;
}
.js-form-type-checkbox label a {
}
.js-form-type-checkbox label a:hover {
  text-decoration: underline;
}
.js-form-type-checkbox input{
   margin-right: 12px!important;
}
.js-form-type-checkbox label {
  display: inline-block!important;
  line-height: 1.1em;
}



fieldset {
  margin: 0px!important;
  padding: 0px!important;
}

.js-form-type-select label { display: none; }


#pquantity { border: none!important; }
#password-suggestions description ul { padding-top: 10px; padding-left: 10px; }

.path-user main input[type="password"], .path-user main input[type="text"], .dripcheckout input[type="text"], .path-checkout main input.form-text, .path-profile main input[type="text"], #user-login-form input[type="text"],
.path-checkout input.form-email, .form-container #edit-submit, .form-container input[type="text"], #block-benutzerregistrierungsformular input[type="text"] {
  width: 100%;
  padding: 22px 18px;
  margin-bottom: 6px;
  margin-right: 0px;
}


#user-login-form #edit-actions input { width: 100%; }

 select { padding: 12px 18px; }

 .form-container {
   width: 90%; max-width: 720px; margin: 70px auto;
 }

 .form-container textarea, .form-container input {
   width: 100%;
 }

 .form-container textarea {
   padding: 20px; font-family: 'Inconsolata'; border: 1px solid #828282;
 }

 .form-container select {
   width: 100%;
   border: 1px solid #0D0D0D;
   padding: 10px 12px;
   margin-bottom: 8px;
 }

 .form-container #edit-submit:hover, .form-container .form-submit:hover, #block-benutzerregistrierungsformular .form-submit:hover {
     cursor: pointer;
   }

   .form-container input.form-submit {
     margin-bottom: 60px!important;
   }

   .form-container fieldset { border: none; }

   .form-container #edit-datum, .form-container #edit-infos  {
     display: flex;
   }

   .form-container #edit-infos .fieldset-wrapper .js-form-type-datetime,
   .form-container #edit-infos .fieldset-wrapper .form-item-personen {
     display: inline-block!important;
     width: calc(50% -5px)!important;
   }

 @media only screen and (min-width: 0px) and (max-width: 800px) {

   .address-container-inline { display: block; }

   .address-container-inline > div {
     display: block;
     width: 100%;
   }

   .address-container-inline > div:nth-child(1) {
     margin-left: 0px;
   }

   .address-container-inline > div:nth-child(2) {
     margin-right: 0px;
   }

      #user-register-form, #user-pass, .path-user #block-alex-theme-local-tasks{
      max-width: calc(100% - 60px);
      padding: 30px 30px 0px 30px;
      width: calc(100% - 60px);
   }

   .path-user main input, .path-checkout main input.form-text, .path-profile main input, #user-login-form input,
   .path-checkout input.form-email, .form-container #edit-submit, .form-container input, #block-benutzerregistrierungsformular input {
     padding: 18px 14px;
    }



   }
