fieldset {
  border: 0px;
  margin-top: 10rem;

}


fieldset:first-of-type {
  border: 0px;
  margin-top: 5rem;

}

.tx-felogin-pi1 fieldset {
  border: 0px;
  margin-top: 0rem;

}


.tx-felogin-pi1 fieldset:first-of-type {
  border: 0px;
  margin-top: 0rem;

}

legend {
  font-weight: bold;
  margin-bottom: 20px;
}

@media screen and (min-width:700px) {
  #c2050 {
    display: inline-block;
    width: 740px;
    margin-left: 5%;
    margin-top: 30px;
  }
}








#kundendienstauftrag-1210,
#kontaktformular-1294 {
  margin: 0 auto;
  max-width: 1140px
}

.contact-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 20px 20px
}

@media (min-width: 640px) {
  .contact-container {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media (min-width: 1160px) {
  .contact-container {
    margin: 0 0 20px
  }
}

.contact-section-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}

.contact-cards {
  -ms-flex: 40% 0 0px;
  flex: 40% 0 0;
  font-size: 14px
}

.contact-cards header {
  font-size: 18px;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}

.contact-card-title {
  font-weight: 600
}

.contact-card-subtitle {
  margin-bottom: 15px
}

.contact-card-fax {
  margin-bottom: 15px
}

.contact-card {
  border: 1px solid #d1d1d1;
  margin: 0 0 20px;
  padding: 30px
}

@media (min-width: 640px) {
  .contact-card {
    margin-right: 20px;
    max-width: 380px;
    padding: 20px 50px
  }
}

.contact-card a {
  color: #666;
  font-weight: 600
}

.contact-card a:hover {
  color: #3088ce
}

.contact-card .link-phone,
.contact-card .link-fax {
  color: #222;
  font-weight: normal
}

.contact-card .link-phone::before,
,
.contact-card .link-fax::before,
.contact-card .link-web::before,
.contact-card .link-mail::before {
  height: 30px;
  top: -3px;
  width: 30px
}

#kundendienstauftrag-1210 #kundendienstauftrag-1210-item,
#kontaktformular-1294 #kontaktformular-1294-item {
  margin-bottom: 10px
}

#kundendienstauftrag-1210 p,
#kontaktformular-1294 p {
  margin-bottom: 25px
}

#kundendienstauftrag-1210 .control-label {
  font-size: 12px;
  width: 165px;
  font-weight: 600;
  text-transform: uppercase
}

.radio span,
#kontaktformular-1294 .control-label {
  font-size: 12px;
  width: 100px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
}



#kundendienstauftrag-1210 select,
#kontaktformular-1294 select {
  background-color: #fff;
  border-color: #d1d1d1;
  height: 27px;
  text-transform: uppercase;
  width: 140px
}

#kundendienstauftrag-1210 input[type="text"],
#kontaktformular-1294 input[type="text"] {
  border: 1px solid #d1d1d1;
  height: 27px;
  width: calc(100% - 105px)
}

#kundendienstauftrag-1210 #kundendienstauftrag-1210-checkbox,
#kontaktformular-1294 #kundendienstauftrag-1294-checkbox {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px 100px
}

#kundendienstauftrag-1210 input[type="checkbox"],
#kontaktformular-1294 input[type="checkbox"] {
  margin: 3px 7px 0 3px
}

#kundendienstauftrag-1210 .data-protection-consent-text,
#kontaktformular-1294 .data-protection-consent-text {
  font-size: 12px
}

#kundendienstauftrag-1210 .data-protection-consent-text a,
#kontaktformular-1294 .data-protection-consent-text a {
  color: #999;
  font-weight: 600;
  text-decoration: underline
}

#kundendienstauftrag-1210 .data-protection-consent-text a:hover,
#kontaktformular-1294 .data-protection-consent-text a:hover {
  color: #3088ce
}

#kundendienstauftrag-1210 #kundendienstauftrag-1210-item-hint-mandatory,
#kontaktformular-1294 #kundendienstauftrag-1294-item-hint-mandatory {
  font-size: 11px
}

#kundendienstauftrag-1210 #kundendienstauftrag-1210-submit,
#kontaktformular-1294 #kundendienstauftrag-1294-submit {
  text-align: right
}

.form-group {
  margin-bottom: 10px
}

.form-group-hint-mandatory {
  font-size: 11px
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="file"],
.form-group input[type="password"],
.form-group select,
#kundendienstauftrag-1210-fileupload-1,
.xxlarge {
  border: 1px solid #d1d1d1;
  height: 27px;
  width: calc(100% - 105px);
  font-size: 12px;
}

#kundendienstauftrag-1210 {
  width: 70%;
}

#kundendienstauftrag-1210 .input {
  float: right;
  width: 77%;
  clear: both;
}

.clearfix {
  clear: both;
  font-size: 12px;
}

.checkbox label {
  font-size: 12px;
}

.help-block {
  display: none;
}

#kundendienstauftrag-1210-fieldset-2 .form-group:first-of-type .input {
  display: contents;
}

#kundendienstauftrag-1210-radiobutton-1,
#kundendienstauftrag-1294-radiobutton-1 {
  display: inline-flex;
  padding-left: 5rem;
  width: 70%;
}

#kundendienstauftrag-1210-radiobutton-1-0,
#kundendienstauftrag-1210-radiobutton-1-1,
#kundendienstauftrag-1294-radiobutton-1-0,
#kundendienstauftrag-1294-radiobutton-1-1 {
  width: 8%;
  margin-right: 3px;
}


#kundendienstauftrag-1210-radiobutton-1 .form-group,
#kundendienstauftrag-1294-radiobutton-1 .form-group {
  width: 100%;
  padding-left: 20px;
}


#kundendienstauftrag-1210-fieldset-4 .form-group:first-of-type .input,
#kundendienstauftrag-1294-fieldset-4 .form-group:first-of-type .input {
  float: none;
  display: inline-flex;
  width: 100%;
}

#kundendienstauftrag-1210-fieldset-4 .form-group:first-of-type .input .control-label,
#kundendienstauftrag-1294-fieldset-4 .form-group:first-of-type .input .control-label {
  margin-right: 8rem;
}

#kundendienstauftrag-1210-fieldset-5 .form-group:nth-of-type(12) .input,
#kundendienstauftrag-1210-fieldset-5 .form-group:nth-of-type(14) .input,
#kundendienstauftrag-1210-fieldset-5 .form-group:nth-of-type(15) .input {
  float: left;
}

.form-group select {
  background-color: #fff;
  border-color: #d1d1d1;
  height: 27px;
  /*text-transform: uppercase;*/
  width: 140px;
}

#kundendienstauftrag-1210-fieldset-5 .form-group:nth-of-type(7) {
  display: block;
}

.has-error {
  border: 1px solid red;
}

#ui-datepicker-div {
  width: 250px;
  background-color: rgb(218, 219, 219);
  /*padding-bottom: 20px;*/
}

.ui-datepicker-calendar {
  width: 100%;
}

.ui-datepicker-next {
  margin-left: 10px;
  cursor: pointer;
}

.ui-datepicker-prev {
  cursor: pointer;
}


.ui-datepicker-calendar td {
  text-align: center;
}

.btn {
  border: 1px solid rgb(48, 136, 206);
  background-color: rgb(48, 136, 206);
  font-weight: bold;
  color: white;
  min-width: 180px;
  float: right;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;

}

#kontaktformular-1294-radiobutton-1 .radio {
  display: inline-block;
  width: 25%;
}

#kontaktformular-1294-radiobutton-1 .radio span {
  margin-left: 5px;
}

#kontaktformular-1294-fieldset-1 .form-group:nth-of-type(2) .input {
  width: 35%;
}

#kontaktformular-1294-fieldset-1 .form-group:nth-of-type(2) select {
  width: 100%;
}


#kontaktformular-1294 {
  width: 70%;
}

#kundendienstauftrag-1210-textarea-3 {}

label[for=kundendienstauftrag-1210-textarea-3] {
  display: block;
}

#kontaktformular-1210 .control-label,
#kontaktformular-1294 .form-group .control-label {
  float: left;
}

#kontaktformular-1294 .form-group .input {
  display: inline-flex;
  width: 80%;
}

#kontaktformular-1294-radiobutton-1 {
  width: 100%;
}

#kontaktformular-1294-radiobutton-1 .form-group {
  margin-bottom: 0px;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(10) {
  width: 50%;
  display: inline-flex;
  margin-right: 5%;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(10) .input {
  width: 70%;
  display: inline-flex;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(10) .input input {
  width: 100%;
}


#kontaktformular-1294 .form-group.form-group:nth-of-type(11) {
  width: 39%;
  display: inline-flex;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(11) .input {
  width: 30%;
  display: inline-block;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(11) .input input {
  width: 100%;
}


#kontaktformular-1294 .form-group.form-group:nth-of-type(12) {
  width: 31.6%;
  display: inline-flex;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(12) .input {
  width: 45%;
  display: inline-block;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(12) .input input {
  width: 100%;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(13) {
  width: 50%;
  display: inline-flex;
  margin-right: 5%;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(13) .input {
  width: 70%;
  display: inline-flex;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(13) .input input {
  width: 100%;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(14) {
  width: 50%;
  display: inline-flex;
  margin-right: 5%;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(14) .input {
  width: 70%;
  display: inline-flex;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(14) .input select {
  width: 100%;
}


#kontaktformular-1294 .form-group.form-group:nth-of-type(15) {
  width: 39%;
  display: inline-flex;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(15) .input {
  width: 30%;
  display: inline-block;
}

#kontaktformular-1294 .form-group.form-group:nth-of-type(15) .input select {
  width: 100%;
}


#kontaktformular-1294 .form-group.form-group:nth-of-type(13) label,
#kontaktformular-1294 .form-group.form-group:nth-of-type(15) label {
  text-align: center;
}


#kontaktformular-1294 .form-group.form-group:nth-of-type(16) textarea {
  height: 200px;
}

#kontaktformular-1294 .form-group:nth-of-type(17) .form-check {
  padding-left: 95px;
}

#kontaktformular-1294 .actions {
  width: 80%;
}




#kontaktformular-1294-fieldset-1 h2 {
  width: 790px;
}


#kundendienstauftrag-1210 h2,
#kontaktformular-1294 h2 {
  margin-top: 35px;
  font-weight: 600;
  text-transform: uppercase;

}



#referencenumbertooltip {
  display: inline;
  position: inline-block;
  margin-left: 10px;
  cursor: pointer;
  border: 1px solid #d1d1d1;
  font-size: 12px;
  padding: 4px;
  background: #fafadd;
  height: 27px;
}


#kundendienstauftrag-1210-radiobutton-2 {
  position: relative;
  width: 70%;
  margin-left: -45px;
}


@media screen and (max-width: 723px) {

  #kundendienstauftrag-1210 input[type="text"],
  #kontaktformular-1294 input[type="text"] {
    border: 1px solid #d1d1d1;
    height: 27px;
    width: 100%;
  }


  #kundendienstauftrag-1210 .control-label {
    display: block;
    width: 100%;
  }

  #kundendienstauftrag-1210 .form-group {
    display: block;
    width: 100%;
  }

  #kundendienstauftrag-1210 .input {

    width: 100%;
    clear: both;
  }

  #referencenumbertooltip {
    display: block;
    margin: 5px 0 0 0;
    clear: both;
    cursor: pointer;
    border: 1px solid #d1d1d1;
    font-size: 10px;
    padding: 4px;
    background: #fafadd;
    height: 23px;
    width: 100%;

  }

  .form-group input[type="text"],
  .form-group input[type="email"],
  .form-group input[type="tel"],
  .form-group input[type="file"],
  #kundendienstauftrag-1210-fileupload-1,
  .xxlarge {
    border: 1px solid #d1d1d1;
    height: 27px;
    width: 100%;
    font-size: 12px;
  }




  #kundendienstauftrag-1210-radiobutton-2 {
    position: relative;
    width: 70%;
    margin-left: -45px;
  }

}

#claimsheetresponse {
  width: 760px;
  text-align: left;
}

#claimsheetresponse h1,
#claimsheetresponse h3 {
  text-align: center;
}


/*Formularlayout analog My-Washlet -> Garantieverlängerung*/


[id^="endkundenFormular"] h2,
[id^="garantieverlaengerungPartnerhandwerker"] h2,
[id^="kundenservicePrivatkunde"] h2,
[id^="kundendienstauftrag"] h2 {
  margin-bottom: 20px;
}

form[id^="kundenservicePrivatkunde"],
form[id^="kundendienstauftrag"] {
  margin-top: 20px;
}

[id^="endkundenFormular"] .form-group input[type="text"],
[id^="endkundenFormular"] .form-group input[type="email"],
[id^="endkundenFormular"] .form-group input[type="tel"],
[id^="endkundenFormular"] .form-group input[type="text"],
[id^="endkundenFormular"] .form-group input[type="password"],
[id^="garantieverlaengerungPartnerhandwerker"] .form-group input[type="text"],
[id^="garantieverlaengerungPartnerhandwerker"] .form-group input[type="email"],
[id^="garantieverlaengerungPartnerhandwerker"] .form-group input[type="tel"],
[id^="garantieverlaengerungPartnerhandwerker"] .form-group input[type="text"],
[id^="garantieverlaengerungPartnerhandwerker"] .form-group input[type="password"],
[id^="kundenservicePrivatkunde"] .form-group input[type="text"],
[id^="kundenservicePrivatkunde"] .form-group input[type="email"],
[id^="kundenservicePrivatkunde"] .form-group input[type="tel"],
[id^="kundenservicePrivatkunde"] .form-group input[type="text"],
[id^="kundenservicePrivatkunde"] .form-group input[type="password"],
[id^="kundenservicePrivatkunde"] .form-group input[type="date"],
[id^="kundenservicePrivatkunde"] .form-group textarea,
[id^="kundendienstauftrag-3931"] .form-group input[type="text"],
[id^="kundendienstauftrag-3931"] .form-group input[type="email"],
[id^="kundendienstauftrag-3931"] .form-group input[type="tel"],
[id^="kundendienstauftrag-3931"] .form-group input[type="text"],
[id^="kundendienstauftrag-3931"] .form-group input[type="password"],
[id^="kundendienstauftrag-3931"] .form-group input[type="date"],
[id^="kundendienstauftrag-3931"] .form-group input[type="file"],
[id^="kundendienstauftrag-3931"] .form-group textarea {
  border: 1px solid #d1d1d1;
  font-size: 14px;
  height: 27px;
  padding: 2px 5px;
  width: 100%;
  margin-left: 5px;
  border-radius: 0px;
  display: inline-block;
  box-sizing: border-box;
}

[id^="kundenservicePrivatkunde"] .form-group textarea,
[id^="kundendienstauftrag-3931"] .form-group textarea {
  height: 100px;
}

.tx-felogin-pi1 .form-group input[type="text"],
.tx-felogin-pi1 .form-group input[type="password"] {
  border: 1px solid #d1d1d1;
  font-size: 14px;
  height: 27px;
  padding: 0px;
  width: 100%;
  margin-left: 0px;
  border-radius: 0px;

}

[id^="endkundenFormular"] .form-group select,
[id^="garantieverlaengerungPartnerhandwerker"] .form-group select,
[id^="kundenservicePrivatkunde"] .form-group select,
[id^="kundendienstauftrag-3931"] .form-group select {
  border: 1px solid #d1d1d1;
  font-size: 14px;
  height: 27px;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 0px;
  display: inline-block;
}

[id^="endkundenFormular"] .control-label,
[id^="garantieverlaengerungPartnerhandwerker"] .control-label,
[id^="kundenservicePrivatkunde"] .control-label,
[id^="kundendienstauftrag-3931"] .control-label {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (max-width:1023px) {

  [id^="endkundenFormular"] .control-label,
  [id^="garantieverlaengerungPartnerhandwerker"] .control-label,
  [id^="kundenservicePrivatkunde"] .control-label,
  [id^="kundendienstauftrag-3931"] .control-label {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 0px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
  }
}

.tx-felogin-pi1 .control-label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

[id^="endkundenFormular"] .input,
[id^="garantieverlaengerungPartnerhandwerker"] .input,
[id^="kundenservicePrivatkunde"] .input,
[id^="kundendienstauftrag-3931"] .input {
  display: inline-block;
}

[id^="endkundenFormular"] .input,
[id^="garantieverlaengerungPartnerhandwerker"] .input,
[id^="kundenservicePrivatkunde"] .input,
[id^="kundendienstauftrag-3931"] .input {
  width: 60% !important;
}

.tx-felogin-pi1 div.input {
  width: calc(100% - 50px);
}

[id^="endkundenFormular"] .clearfix,
[id^="garantieverlaengerungPartnerhandwerker"] .clearfix {
  margin-top: 40px;
  width: 80%;
  margin-bottom: 30px;
}

[id^="kundenservicePrivatkunde"] .clearfix,
[id^="kundendienstauftrag-3931"] .clearfix {
  margin-top: 10px;
  width: 60%;
  margin-bottom: 10px;
  margin-left: 40px;
}

[id^="endkundenFormular"] h1,
[id^="garantieverlaengerungPartnerhandwerker"] h2,
[id^="kundenservicePrivatkunde"] h2,
[id^="kundendienstauftrag-3931"] h2 {
  text-transform: uppercase;
}

[id^="endkundenFormular"] h2,
[id^="garantieverlaengerungPartnerhandwerker"] h2,
[id^="kundenservicePrivatkunde"] h2,
[id^="kundendienstauftrag-3931"] h2 {
  margin-bottom: 30px;
}

[id^="endkundenFormular"] .clearfix h2,
[id^="garantieverlaengerungPartnerhandwerker"] .clearfix h2,
[id^="kundenservicePrivatkunde"] .clearfix h2,
[id^="kundendienstauftrag-3931"] .clearfix h2 {
  font-size: 24px;
}

[id^="endkundenFormular"] .input.checkbox,
[id^="garantieverlaengerungPartnerhandwerker"] .input.checkbox,
[id^="kundenservicePrivatkunde"] .input.checkbox,
[id^="kundendienstauftrag-3931"] .input.checkbox {
  width: 100% !important;
}

[id^="endkundenFormular"] .add-on.form-check-label:last-of-type,
[id^="garantieverlaengerungPartnerhandwerker"] .add-on.form-check-label:last-of-type,
[id^="kundenservicePrivatkunde"] .add-on.form-check-label:last-of-type,
[id^="kundendienstauftrag-3931"] .add-on.form-check-label:last-of-type {
  margin-left: 2.9%;
  width: 60%;
}

[id*="checkbox-1"],
[id*="checkbox-2"],
[id*="checkbox-3"] {
  display: block;
  float: left;
  margin-right: 10px;
}

[id^="blogAbonnieren"] [type*="checkbox"],
[id^="blogAboEdit"] [type*="checkbox"] {
  display: block;
  float: left;
  margin-right: 10px;
}

[id^="blogAbonnieren"] [id*="checkbox"]::after,
[id^="blogAbonnieren"] label::after,
[id^="blogAbonnieren"] .input::after,
[id^="blogAboEdit"] [id*="checkbox"]::after,
[id^="blogAboEdit"] label::after,
[id^="blogAboEdit"] .input::after {
  clear: both;
  content: '';
  display: block;
}

[id^="blogAbonnieren"] .row {
  margin-bottom: 30px;

}

[id^="blogAbonnieren"] p {
  font-size: 14px !important;
}

[id^="blogAbonnieren"] .buttonDisabled {
  background-color: #666;
  cursor: not-allowed;
}

[id^="blogAbonnieren"] input[type="text"],
[id^="blogAbonnieren"] input[type="email"] {
  padding: 5px;
}

[id^="blogAboEdit"] {
  width: 40%;
  margin: 0px auto;
}

[id^="blogAboEdit"] h2 {
  margin-bottom: 20px;
}

[id^="blogAboEdit"] .btn-group .btn-group {
  width: 40%;
}

[id^="blogAboEdit"] .btn-group .btn-group.cancel {
  width: 60%;
}

[id^="blogAboEdit"] .btn-group .btn-group.cancel button {
  background-color: #666;
}

[id^="blogAboEdit"] [id$="readonly-email"] {
  border: none !important;
  font-size: 14px !important;
}

@media screen and (max-width:1023px) {
  form[id^="blogAboEdit"] {
    width: 95%;
  }

  [id^="blogAboEdit"] .btn-group .btn-group,
  [id^="blogAboEdit"] .btn-group .btn-group button,
  [id^="blogAboEdit"] .btn-group .btn-group.cancel,
  [id^="blogAboEdit"] .btn-group .btn-group.cancel button {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  [id^="blogAboEdit"] .btn-group .submit {
    padding-bottom: 0;
  }

  [id^="blogAboEdit"] .btn-toolbar {
    margin-bottom: 50px;
  }
}

[id^="endkundenFormular"] input[type="checkbox"],
[id^="garantieverlaengerungPartnerhandwerker"] input[type="checkbox"],
[id^="kundenservicePrivatkunde"] input[type="checkbox"],
[id^="kundendienstauftrag-3931"] input[type="checkbox"] {
  position: unset !important;
  left: 0px;
}

[id^="endkundenFormular"] label,
[id^="garantieverlaengerungPartnerhandwerker"] label,
[id^="kundenservicePrivatkunde"] label,
[id^="kundendienstauftrag-3931"] label {
  display: inline-block;
}

[id^="endkundenFormular"] .actions,
[id^="garantieverlaengerungPartnerhandwerker"] .actions,
[id^="kundenservicePrivatkunde"] .actions,
[id^="kundendienstauftrag-3931"] .actions {
  width: calc(60% + 245px);
  display: inline-block;
}

[id^="endkundenFormular"] .btn-primary,
[id^="garantieverlaengerungPartnerhandwerker"] .btn-primary,
[id^="kundenservicePrivatkunde"] .btn-primary,
[id^="kundendienstauftrag-3931"] .btn-primary {
  float: right !important;
}

[id^="endkundenFormular"] .btn,
[id^="garantieverlaengerungPartnerhandwerker"] .btn,
[id^="kundenservicePrivatkunde"] .btn,
[id^="kundendienstauftrag-3931"] .btn {
  font-size: 14px;
}

/*Formularlayout analog My-Washlet -> Garantieverlängerung ENDE*/

/*Allgemein verwendbares Formularlayout analog My-Washlet (Nutzung im Kundenclub)*/
.frame-101 {
  background-color: #f0f0f0;
  width: 100%;
  overflow: auto;
  padding-top: 20px;
}

.frame-101:last-child:after {
  content: "";
  clear: both;
}

.frame-101 .module--login-boxes {
  width: 100% !important;
  display: block !important;
}

.frame-101 legend {
  margin-bottom: 0px;
}

.frame-101 {
  width: 100% !important;
  background-color: #f0f0f0;
}

.frame-101 .ppz-ns {
  float: left;
  margin-left: 5%;
}

.frame-101 .frame-type-form_formframework {
  float: left;
  margin-left: 5%;
  width: 60%;
}

.frame-101 .form-control {
  background-color: white;
}

form[id^="addressForm_"] p {
  margin-bottom: 20px;
}

form[id^="addressForm_"] .form-group input[type="text"],
form[id^="addressForm_"] .form-group input[type="email"],
form[id^="addressForm_"] .form-group input[type="tel"],
form[id^="addressForm_"] .form-group input[type="file"],
form[id^="addressForm_"] .form-group input[type="password"],
form[id^="addressForm_"] .form-group select,
form[id^="addressForm_"] .xxlarge {
  border-radius: 0px;
  border: 1px solid #d1d1d1;
  font-size: 14px;
  height: 27px;
  padding: 2px 5px;
  width: 100%;
  margin-left: 5px;
  border-radius: 0px;
  display: inline-block;
}

form[id^="addressForm_"] .form-group select {
  width: 140px;
}

form[id^="addressForm_"] .form-group label {
  color: black;
  font-weight: 600;
  max-width: 60%;
  display: inline-block;
  margin-left: 40px;
  font-size: 12px;
  width: 123px;
  text-transform: uppercase;
  float: left;
}

form[id^="addressForm_"] .form-group label.form-check-label {
  width: calc(100% - 40px);
  max-width: none;
}

form[id^="addressForm_"] h1,
form[id^="addressForm_"] h2 {
  text-transform: uppercase;
}

form[id^="addressForm_"] h2 {
  margin-bottom: 30px;
}

form[id^="addressForm_"] .clearfix h2 {
  font-size: 24px;
}

/*form[id^="addressForm_"] .input{
  width: 70%;
  display: inline-block;
}*/

form[id^="addressForm_"] .input {
  width: calc(100% - 170px);
  display: inline-block;
}

form[id^="addressForm_"] .input.checkbox {
  width: 100%;
}

form[id^="addressForm_"] h2:first-of-type {
  /*display: none;*/
}

form[id^="addressForm_kundenclubInteressent"] h2:first-of-type {
  display: none;
}

form[id^="addressForm_kundenclubInteressent"] .contact-form-checkbox,
form[id^="addressForm_kundenclubInteressent"] .additionalinfosaccepted-checkbox {
  margin-right: 10px;
}

form[id^="addressForm_"] .next:first-of-type {
  position: unset !important;
  /*background: #2e88d0;*/
  /*width: unset !important;*/
  color: white;
  line-height: 32px;
  font-size: 0px;
  /*height: 0px;*/
  padding: 0px 0px 0px 0px;
  font-weight: 600;
  text-transform: uppercase;
  user-select: none;
}

form[id^="addressForm_"] {

  display: inline-block;
  width: 740px;
  margin-left: 5%;
  margin-top: 30px;

}

form[id^="addressForm_userLogin"] {
  width: 75%;
}

*/ form[id^="addressForm_"] .clearfix {
  font-size: .875em !important;
}

form[id^="addressForm_"] [id$="fieldset-2"] input {
  width: 100%;
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(1),
form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(2),
form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(3),
form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(4) {
  display: inline-block;
  /*width: 285px;*/
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(4) {
  /*width: 60%;*/
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(4) .control-label {
  max-width: 16%;
  display: inline-block;
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(2) {
  /*margin-left: 40px;*/
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(1) .input {
  width: 42%;
}

form[id^="addressForm_userProfil"] [id$="fieldset-2"] .form-group:nth-of-type(1) .input {
  width: calc(100% - 170px) !important;
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(2) .input,
form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(3) .input {
  width: 30%;
}

form[id^="addressForm_"] [id$="fieldset-2"] .form-group:nth-of-type(4) .input {
  width: 40%;
}


form[id^="addressForm_"] [id$="fieldset-1"],
form[id^="addressForm_"] [id$="fieldset-2"] {
  margin-top: 10px;
  margin-bottom: 0px;

}

form[id^="addressForm_"] [id$="fieldset-1"] {
  width: fit-content;
  margin-left: 125px;
  font-size: 14px;
  margin-bottom: 10px;
}

form[id^="addressForm_"] [id$="fieldset-2"] legend {
  margin-left: 125px;
  font-size: 14px;
}

form[id^="addressForm_"] [id$="textarea-1"] {
  min-height: 150px;
}

form[id^="addressForm_"] [id$="checkbox-1"] {
  position: unset;
  margin-right: 3%;
}

form[id^="addressForm_"] .btn {
  font-size: 14px;
}

/*Allgemein verwendbares Formularlayout analog My-Washlet (Nutzung im Kundenclub) ENDE*/

/* Formularlayout Schulungsanmeldung */
form[id^="addressForm_kundenclubVerkaufstraining"] .form-group select[id$="singleselect-2"] {
  width: 100%;
}

form[id^="addressForm_kundenclubVerkaufstraining"] {
  margin-left: 0;
  width: 100%;
}

form[id^="addressForm_kundenclubVerkaufstraining"] .form-group label {
  margin-left: 0;
}

.frame-101 .frame-type-form_formframework header h2 {
  text-align: center;
}

/* Formularlayout Schulungsanmeldung ENDE */

@media screen and (max-width:1023px) {
  form[id^="kundenservicePrivatkunde"] {
    width: 80% !important;
    margin: 0px auto;
    margin-top: 20px;
  }

  [id^="kundenservicePrivatkunde"] .form-group .input {
    width: 100% !important;
  }

  [id^="kundenservicePrivatkunde"] .clearfix {
    width: 100% !important;
    margin-left: 0px !important;
  }

  [id^="kundenservicePrivatkunde"] .actions {
    width: 100% !important;
    padding-top: 50px;
    margin-bottom: 50px;
  }

  [id^="kundenservicePrivatkunde"] .actions .btn {
    min-width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  [id^="kundenservicePrivatkunde"] .form-group input,
  [id^="kundenservicePrivatkunde"] .form-group textarea {
    margin-left: 0 !important;
  }

  [id^="kundenservicePrivatkunde"] .add-on.form-check-label:last-of-type {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/*Honeypot*/
.additionalinfosaccepted-checkbox {
  height: 0px;
  visibility: hidden;
  overflow: hidden;
}

.contact-form-item:has(.additionalinfosaccepted-checkbox) {
  height: 0px;
  visibility: hidden;
}

/*Honeypot ENDE*/



/* Formularlayout Endkundenseminare */

[id^="endkundenseminare"],
.typo3-messages {
  max-width: 950px;
  margin: 0 auto;
}

.typo3-messages {
  color: red;
  padding: 20px 0 20px 0;
}

.typo3-messages .alert-title {
  padding-bottom: 2vh;
  font-size: 1.17em;
  font-weight: 600;
}

[id^="endkundenseminare"] h2 {
  display: none;
  padding-bottom: 2vh;
  font-size: 1.17em;
  font-weight: 600;
}

[id^="endkundenseminare"] .form-group input[type="text"],
[id^="endkundenseminare"] .form-group input[type="email"] {
  width: 100% !important;
}

[id^="endkundenseminare"] .processnote {
  font-size: 18px;
  padding-top: 1.5vh;
}

[id^="endkundenseminare"] .mailingaccepted span {
  padding-left: 0.2vw;
}

[id^="endkundenseminare"] .mailingaccepted {
  margin-top: 2vh;
}

@media screen and (max-width:1023px) {
  [id^="endkundenseminare"] {
    max-width: 95%;
    margin: 0 auto;
  }

  [id^="endkundenseminare"] .processnote {}
}

/* Formularlayout Endkundenseminare ENDE */

/* GRID-Form */

form[id^="gridForm_"] {
  width: 80%;
}

[id^="gridForm_"] .clearfix p {
  margin-left: 40px;
}

[id^="gridForm_"] h2 {
  /*font-weight: bold;*/
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 27px;
  text-transform: uppercase;
}

[id^="gridForm_"] .form-group {
  display: grid;
  grid-template-columns: 220px 1fr;
  grid-template-areas: "a b";
  grid-gap: 16px;
  margin-left: 40px;
}

[id^="gridForm_"] .control-label {
  /*grid-column: 1 / 2;*/
  grid-area: "a";
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

[id^="gridForm_"] .input {
  /*grid-column: 2 / 3;*/
  grid-area: "b";
  display: inline;
  float: none;
}

[id^="gridForm_"] input {
  display: inline;
  float: none;
}

[id^="gridForm_"] input[type="text"],
[id^="gridForm_"] input[type="email"],
[id^="gridForm_"] textarea {
  width: 100% !important;
  padding: 3px;

}

[id^="gridForm_"] .input.checkbox {
  grid-column: 1 / 3 !important;
  /*grid-area: "a" !important;*/
}

[id^="gridForm_"] .help-block {
  display: block !important;
  color: #666;
  font-style: italic;
  font-size: 0.7em;
}

[id^="gridForm_"] .hover-info {
  color: #3088ce;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  left: 5px;
  font-size: 28px;
}

[id^="gridForm_"] input:-webkit-autofill,
[id^="gridForm_"] input:-webkit-autofill:hover,
[id^="gridForm_"] input:-webkit-autofill:focus,
[id^="gridForm_"] input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

@media screen and (max-width:1023px) {
  form[id^="gridForm_"] {
    width: 100%;
  }

  [id^="gridForm_"] .form-group {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "a"
      "b";
    grid-gap: 16px;
    margin-left: 0px;
  }
}

[id^="gridForm_"] input[type="number"] {
  border: 1px solid #d1d1d1;
  height: 27pxpx;
  /*width: calc(100% - 105px);*/
  font-size: 12px;
  padding: 3px;
}

/* GRID-Form ENDE*/


/* FROM Info-Window */
.infowindow {
  z-index: 99;
  /*cursor: default;*/
  color: #222;
  font-weight: 400;
  position: absolute;
  right: -360px;
  top: -0px;
  background-color: #fff;
  border: 1px solid #666;
  border-radius: 15px;
  padding: 20px;
  font-size: 12px;
  width: 400px;
}

.infowindow::after {
  content: 'ⓧ';
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  background-color: #fff;
}

/* FROM Info-Window ENDE*/

/*WX Registrierformular*/
.wx-form-button a {
  text-align: left;
  padding-right: 40px;
}

.wx-form-button a::after {
  font-size: 44px;
  font-weight: 400;
  right: 5px;
  content: "〉";
  /*top: -5px;*/
}

.clearfix .biggertext {
  font-size: 18px;
  padding: 20px 0 0 0;
}

/* ENDE */

.tx-felogin-pi1 .form-error {
    color: red;
}