/* Company registration */
:root {
  --gin-color-primary-hover: #49bf7e !important;
}
body {
  background:#f7f7f7;
}

header.region {
  background:#fff;
  height:80px;
}

header.region .page-title {
  font-size:1rem;
  font-weight:400;
}

.layout-container {
  margin-right: 3em !important;
  margin-left: 3em !important;
}

.sticky-shadow {
  display:none;
}

#block-gin-page-title {
  display:grid;
  grid-template-columns:137px auto;
  column-gap:40px;
}

#block-gin-page-title:before {
  content:'';
  width:137px;
  height:36px;
  display:block;
  background:url(../img/logo-westiform.svg) no-repeat;
}

#edit-registrieren:before,
#edit-qualifizieren:before,
#edit-auftraege:before {
  content:'';
  background-size: contain;
  background-position: right -10px bottom -10px;
  width: 170px;
  height: 100%;
  position: absolute;
  opacity: 0.12;
  overflow: hidden;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  border-bottom-right-radius: 15px;
}

#edit-registrieren:before {
  background-image: url(../img/register.svg);
}

#edit-qualifizieren:before {
  background-image: url(../img/qualify.svg);
}

#edit-auftraege:before {
  background-image: url(../img/order.svg);
}

#webform-submission-company-registration-add-form {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#edit-werden-sie-service-partner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

@media screen and (max-width:1040px) {
  #edit-werden-sie-service-partner {
    grid-template-columns: 1fr;
  }
}

#edit-werden-sie-service-partner #edit-headline {
  grid-column:1/-1;
}

#edit-registrierung {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:80px;
}

@media screen and (max-width:1040px) {
  #edit-registrierung {
    grid-template-columns:1fr;
  }
}

#edit-kontaktdaten .fieldset__wrapper {
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  column-gap:20px;
}

#edit-kontaktdaten .fieldset__wrapper > * {
  grid-column:1/-1;
}

#edit-kontaktdaten > .fieldset__legend > .fieldset__label,
#edit-dienstleistungsmerkmale > .fieldset__legend > .fieldset__label {
  padding:40px 0 !important;
  font-size: 1.5rem;
}

#edit-kontaktdaten .form-element {
  width:100%;
  border:1px solid #ccc;
  box-shadow:none;
  border-radius:8px;
}

#edit-kontaktdaten .form-element:hover {
  border:1px solid #ccc;
}

#edit-kontaktdaten .form-element:focus {
  border:1px solid #3898ec;
}

#edit-kontaktdaten .form-boolean:focus {
  box-shadow:none !important;
}

#edit-kontaktdaten .form-boolean--type-checkbox:checked {
  background:#3898ec;
}

#edit-kontaktdaten .form-item--addresse-given-name,
#edit-kontaktdaten .form-item--addresse-family-name {
  grid-column:span 2;
}

#edit-kontaktdaten .form-item--addresse-postal-code {
  grid-column:span 1;
}

#edit-kontaktdaten .form-item--addresse-locality {
  grid-column: span 3;
}

#edit-kontaktdaten .webform-type-address {
  margin:0;
}

.card {
  padding:20px 30px !important;
  border-radius:1rem !important;
  background:#fff !important;
  position:relative;
}

.button {
  padding:1.125rem 1.375rem !important;
  border:1px solid #5b5b5b !important;
}

.form-actions .button-primary {
  background:#49bf7e !important;
  border:none !important;
  color:#fff !important;
  padding:1.125rem 1.375rem !important;
  outline:none !important;
}

fieldset:not(.fieldgroup) {
  border:none;
}

.fieldset__wrapper {
  margin:0 !important;
}

.form-text {
  min-height:48px !important;
}

.select2-container--default .select2-selection--single {
  border:1px solid #ccc;
  border-radius:8px;
}

.select2-container--default .select2-selection--single:focus {
  box-shadow:none !important;
  border:1px solid #3898ec !important;
}

.select2-container .select2-selection--single {
  height:40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:38px;
}

#edit-actions-01-wizard-next,
#edit-actions-submit {
  border:none !important;
  box-shadow:none;
}

#edit-actions-01-wizard-next:hover,
#edit-actions-submit:hover {
  background:#3fa66d !important;
}

#edit-cancel, #edit-cancel--2 {
  border:1px solid #ccc !important;
  box-shadow:none;
}

.webform-confirmation__message {
  margin-top:90px;
}

.webform-confirmation__back a {
  border:1px solid #ccc;
  border-radius:8px;
  height:40px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0 20px;
  text-decoration:none;
}

#edit-footer--2 {
	grid-column: 1 / -1;
	font-size:1.25em;
}