{#
.gw-registration-child .registration-row{
    display:flex;
}

.gw-registration-child .registration-detail .registration-list{
   padding-left:unset;
   margin-top:25px;
}
 
.registration-detail .registration-list .list-icon img{
    height:21px;
}

.gw-registration-child .registration-detail .registration-list li{
    list-style-type: none;
    margin-top:17px;
    margin-left:0px;
}

.gw-registration-child .registration-detail .registration-list li .list-title{
    padding:15px;
}

.gw-registration-child .registration-row .registration-detail{
    background: rgba(5, 106, 128, 0.1);
    padding:50px;
    display: flex;
    align-items: center;
    border-radius:10px;
}

.gw-registration-child .registration-row .registration-detail .main_title{
    margin-top:15px;
}

.gw-registration-child .registration-row .registration-detail .registration-detail-title{
    margin-top:30px;
}

.gw-registration-child .registration-row .registration-detail .registration-detail-desc{
    margin-top:20px;
}
#}

.gw-registration-child .registration-first-col .main_title{
    text-align:center;
}

.registration-row .registration-first-col .registration-form form{
    border:unset
}

.registration-first-col .registration-form form .hs_submit .actions input{
    padding:15px 40px 15px 40px;
    width:unset;
    border-radius:30px;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 700;
}

.registration-first-col .registration-form form .input input{
    border-color:#DADADA;
    background-color: #fff;
    padding: 15px;  
    font-family:Open Sans;
    font-size:16px;
}

.registration-first-col .registration-form form .input select{
    border-color:#DADADA;
    padding:15px;
    background-color:#fff;
    color:#989898;
    font-size: 16px;
    font-family: 'Open Sans';
    height:48px;
    -webkit-appearance: none; 
    appearance: none; 
    background-color: #FFF; 
    border: 1px solid #ccc; 
    box-shadow: none;
}

.registration-form form .hs_phone .input .hs-fieldtype-intl-phone{
    width:unset;
}

.registration-first-col .registration-form form .input textarea{
    border-color:#DADADA;
    background-color:#fff; 
    font-size: 16px;
    font-family: 'Open Sans';
    line-height:20px;
}

.registration-first-col .registration-form form .input textarea::placeholder{
    color:#989898; 
}
 
.registration-row .registration-first-col .registration-form form .input ul.inputs-list{
    display:flex;
} 

.registration-first-col .registration-form form .input ul.inputs-list.multi-container .hs-form-radio{
    padding-right:30px;
    padding-left:36px;
    margin:unset;
}

.registration-first-col .registration-form form .hs_calligraphy_cut_mitglied label span{
    color:#989898;
    font-size:14px;
    font-family: 'Open Sans';
}

.registration-form form .hs_wie_viele_mitarbeiter_hat_dein_salon_ label span{
    color:#989898;
    font-size: 14px;
    font-family: 'Open Sans';
}

.registration-form form .hs_seminar_angaben_mitarbeiter label span{
    color:#989898;
}

.registration-first-col .registration-form form .input input::placeholder{
    color:#989898;
}

.registration-first-col .registration-form form .hs_firstname .input{
    padding-right:2px;
}

.registration-row .registration-first-col .registration-form form .hs-form-field{
    margin-bottom:33px;
}

.hs-dependent-field .inputs-list .hs-form-booleancheckbox label span{
    color:#989898;
    position:relative;
    padding-left:40px;
    margin-left:unset !important;
}

.registration-row .registration-first-col .registration-form form .hs-error-msg{
    margin-top:-5px;
    font-family: 'Open Sans';
    font-size: 14px;
}

.gw-registration-child .registration-row .registration-detail .registration-detail-title img.dropdown-arrow-img{  
      display:none;
}  

.registration-form form .legal-consent-container .hs-dependent-field .inputs-list .hs-form-booleancheckbox{
      margin-top:-3px;
}

.gw-registration-child .registration-form form .hs_calligraphy_cut_mitglied label{
    padding-top:unset;
}

/* checkbox css*/

.legal-consent-container ul .hs-form-booleancheckbox [type=checkbox]:checked{
    left:-9999px;
    position:absolute;
}
  
.legal-consent-container ul .hs-form-booleancheckbox [type=checkbox]:not(:checked){
    left:-9999px;
    position:absolute;  
}


.gw-registration-child .registration-form form .legal-consent-container [type=checkbox]+span:before {
    background-color: transparent!important;
    height: 24px;
    left: 2px;
    width: 24px;
    border: 1px solid #DADADA;
}

.inputs-list .hs-form-booleancheckbox [type=checkbox]:checked+span:not(.slider):after{
    height: 12px;
    left: 8px;
    width: 12px;
    background-color: #007788;
    top:7px !important;
}

.gw-registration-child .registration-form form .legal-consent-container [type=checkbox]+span:not(.slider):before{
    border-radius: 6px;
    content: "";
    position: absolute;
    top:0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(12%);
}


.gw-registration-child .registration-form form .legal-consent-container [type=checkbox]:checked+span:not(.slider):after {
    border-radius:6px;
    content: "";
    position: absolute;
    top:0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(12%);
}
 
.registration-first-col .registration-form form label span{
      color:#989898;
} 
 


/* checkbox css End */



/* radio css*/

.gw-registration-child .registration-form form ul .hs-form-radio{
    position:relative;
}

.gw-registration-child .registration-form form ul .hs-form-radio [type=radio]:checked{
    left:-9999px;
    position:absolute;
}
  
.gw-registration-child .registration-form form ul .hs-form-radio [type=radio]:not(:checked){
    left:-9999px;
    position:absolute;  
}


.gw-registration-child .registration-form form ul .hs-form-radio [type=radio]+span:before {
    background-color: transparent!important;
    height: 24px;
    left: 2px;
    width: 24px;
    border: 1px solid #DADADA;
}

.gw-registration-child .registration-form form ul .hs-form-radio [type=radio]:checked+span:not(.slider):after{
    height: 12px;
    left: 8px;
    width: 12px;
    background-color: #007788;
    top:7px !important;
}

.gw-registration-child .registration-form form ul .hs-form-radio [type=radio]+span:not(.slider):before{
    border-radius: 6px;
    content: "";
    position: absolute;
    top:0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(12%);
}


.gw-registration-child .registration-form form ul .hs-form-radio [type=radio]:checked+span:not(.slider):after {
    border-radius:6px;
    content: "";
    position: absolute;
    top:0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(12%);
}
 
.gw-registration-child form .hs_calligraphy_cut_mitglied .inputs-list label.hs-form-radio-display{
    padding-top:2px;
}


/* radio css End */





@media(max-width:890px){
    
  .gw-registration-child .registration-row{
      flex-direction:column;
  }
  
  .gw-registration-child .registration-row .registration-first-col{
      width:100%;
  }
  
  .gw-registration-child .registration-row .registration-detail{
      width:100%;
      order:-1;
      margin-left:unset;    
      border-radius: 0px 0px 10px 10px;
      padding: 50px 35px;
  }
  
  .registration-row .registration-first-col .registration-form form{
      padding: 50px 35px;
  }
  
}


@media(max-width:480px){
  .registration-row .registration-first-col .registration-form form{
      padding: 50px 4px;
  }
  
  .registration-row .registration-first-col .registration-form form .form-columns-2 .input{
      margin-right:unset;
  }
  
  .registration-row .registration-first-col .registration-form form .form-columns-1 .input{
      margin-right:unset;
  }
  
  .registration-first-col .registration-form form .hs_firstname .input{
      padding-right:unset;
  }
}


@media(max-width:768px){
  .gw-registration-child .registration-row .registration-detail .registration-detail-title{
      width: fit-content;
      cursor: pointer;
      display: flex;
      align-items: center;
  }
  
  .gw-registration-child .registration-row .registration-detail .registration-detail-title span{
      padding-right:15px;  
  }
  
  .gw-registration-child .registration-row .registration-detail .registration-detail-title img.dropdown-arrow-img{  
      display:block;
      height: 11px;
      width: auto;
  } 
  
  .reg-detail-parent .registration-detail-desc{
      display:none;
  }
  
  .registration-detail-title .dropdown-arrow-img{
    transition: all 0.3s ease-in-out;
  }
  
  .registration-detail-title .dropdown-arrow-img.active{
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
  }
 
  .registration-row .registration-first-col .registration-form form .hs-form-field{
      margin-bottom:30px;
  }
  
  .gw-registration-child .registration-first-col .main_title h3 span{
    font-size:30px !important;
  }
}

/* START
* This JS IS FOR FORM FIELD LABEL TO BE CHANGED AS PER NEW DESIGN
* Form FIELD ANIMATION & LABEL AS PER DESIGN */

.hs-form-field {
  position: relative;
}

.hs-form-field label.hs-error-msg:before {
  display: none !important;
}

.hs-form-field > label:first-child.hl-label {
  position: absolute;
  top:15px;
  left: 30px;
  pointer-events: none;
  transition: 0.3s;
  padding:0px;
}

.hs-form-field > label.hl-label.hl-animated-label {
  font-size: 16px;
  transform: translate(8px,-25px); 
/*   padding-left: 4px; */
/*   padding-right: 4px; */
  padding:0px;
  background: white;
  z-index: 999;
}

.hs_phone.hs-form-field>label.hl-label.hl-animated-label{
     transform: translate(-16px,-25px);
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    transparent;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    transparent;
  opacity:  1;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:    transparent;
}
::placeholder { /* Most modern browsers support this now. */
  color:    transparent;
}

.select2-results__option {
  color: #666; 
}

.select2-dropdown .select2-search.select2-search--dropdown {
  display: none;
}


@media (max-width:992px){

  .sec-form-child .hs-form-private fieldset .input,  .sec-form-child .hs-form-private .input{
    margin-top:10px;
  }
  
}

/*
* This JS IS FOR FORM FIELD LABEL TO BE CHANGED AS PER NEW DESIGN
* Form FIELD ANIMATION & LABEL AS PER DESIGN
* END */


@media screen and (min-device-width: 0px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .registration-first-col .registration-form form .input select {
        height: 54px; 
    }
}

@media(max-width:1200px){
  .hs_phone.hs-form-field>label.hl-label.hl-animated-label{
     transform: translate(170px, -25px);   
  }
}

@media(min-width:890px) and (max-width:992px){
   .hs_phone.hs-form-field>label.hl-label.hl-animated-label{
     transform: translate(140px, -25px);   
  }
}

@media(min-width:668px) and (max-width:890px){
   .hs_phone.hs-form-field>label.hl-label.hl-animated-label{
     transform: translate(0px, -25px);   
  }
}

@media(max-width:430px){
  .hs_phone.hs-form-field>label.hl-label.hl-animated-label{
     transform: translate(140px, -25px);   
  }
}



/* feedback css  */

.gw-registration-child.salon-dates .registration-row .registration-detail{
      align-items:start;
      padding:45px;
}


@media(min-width:891px) and (max-width:978px){
  .gw-registration-child.salon-dates .hs-form-field>label.hl-label.hl-animated-label{
        font-size:14px;
        transform: translate(-15px, -25px);
  }
  
  .gw-registration-child.salon-dates .registration-form form label{
      font-size:14px;
  }
  
   .gw-registration-child.salon-dates .registration-first-col .registration-form form .input select{
      font-size:14px;
   }
  
}

@media(max-width:441px){
   .gw-registration-child.salon-dates .hs-form-field>label.hl-label.hl-animated-label{
        font-size:14px;
        transform: translate(-15px, -25px);
  }
  
  .gw-registration-child.salon-dates .registration-form form label{
      font-size:14px;
  }
  
   .gw-registration-child.salon-dates .registration-first-col .registration-form form .input select{
      font-size:14px;
   }
  
  .gw-registration-child.salon-dates .registration-first-col .registration-form form .input input{
      font-size: 14px;
  }
  
   .gw-registration-child.salon-dates .registration-row .registration-detail .main_title p{
        font-size:25px;
        line-height:40px;
        margin:unset;
   }
  
    .gw-registration-child.salon-dates .registration-row .registration-detail .main_title{
        margin-top:10px;
    }
  
    .gw-registration-child.salon-dates .registration-row .registration-detail{
        padding: 35px 22px 35px 22px;
    }
  
    .gw-registration-child .registration-detail .registration-list{
        margin-top:20px;
    }
  
    .gw-registration-child.salon-dates form .hs-form-field .hs-dateinput input{
        width:100%;
    } 
  
  
  /*
    .gw-registration-child.salon-dates .registration-form form .hs-fieldtype-date > label.hl-label{
        position: absolute;
        top: -11px;
        background-color: #fff;
        z-index: 999;
        transform: translate(-15px, 0px);
    }
    
     .gw-registration-child.salon-dates .registration-form form .hs-fieldtype-date > label.hl-label.hl-animated-label{
          top:15px;  
     }
      
     .gw-registration-child.salon-dates .registration-form form .hs-fieldtype-date:active > label.hl-label.hl-animated-label{
          top:-11px;  
     }
  */
  
}

@media(max-width:383px){
  .gw-registration-child.salon-dates form .hs-teilnehmer_in_salon_play_date select.hs-input{
       margin-top: 20px;           
  }
}


.hs_wunschdatum_play_date.hs-wunschdatum_play_date .hl-label {
    font-size: 14px;
    transform: translate(-15px,-25px);
    z-index: 111111111;
    background-color: #FFF;
    text-align:left;
}

.hs_wunschdatum_play_date.hs-wunschdatum_play_date .hs-input {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    color: #989898;
    font-family: Open Sans;
    font-size: 16px;
    height: 48px;
    padding: 15px;
    text-align:left;
}

.hs_wunschdatum_play_date.hs-wunschdatum_play_date input::-webkit-date-and-time-value {
    text-align: start !important;
}

/* feedback css end */