.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercelayoutcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.w-commerce-commercelayoutmain {
  -webkit-flex-basis: 800px;
  -ms-flex-preferred-size: 800px;
  flex-basis: 800px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutblockcontent {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutemailinput::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingfullname::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingstreetaddress::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
}

.w-commerce-commercecheckoutcolumn {
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}

.w-commerce-commercecheckoutshippingcity {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingcity::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingstateprovince::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingzippostalcode::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingcountryselector::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left-color: #e6e6e6;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-color: #e6e6e6;
  border-right-width: 1px;
  border-right-style: solid;
}

.w-commerce-commercecheckoutshippingmethoditem {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom-color: #e6e6e6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 0px;
  background-color: #fff;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  margin-left: 12px;
  margin-right: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 64px;
  padding-bottom: 64px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text;
}

.w-commerce-commercecheckoutcardnumber::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text;
}

.w-commerce-commercecheckoutcardexpirationdate::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text;
}

.w-commerce-commercecheckoutcardsecuritycode::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  font-weight: 400;
  margin-left: 8px;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingfullname::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingstreetaddress::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingcity::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingstateprovince::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingzippostalcode::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingcountryselector::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  margin-left: 16px;
  margin-right: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  text-decoration: none;
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  -webkit-flex-basis: 320px;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.w-commerce-commercecheckoutordersummaryextraitemslistitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border-bottom-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #e6e6e6;
  border-top-style: solid;
  border-top-width: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.w-commerce-commercecheckoutdiscountslabel {
  margin-bottom: 8px;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.w-commerce-commercecheckoutdiscountsinput {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  min-width: 0px;
}

.w-commerce-commercecheckoutdiscountsinput::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  height: 38px;
}

.w-commerce-commercecartapplepaybutton {
  background-color: #000;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 8px;
  height: 38px;
  min-height: 30px;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  background-color: #000;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 8px;
  height: 38px;
}

.w-commerce-commercequickcheckoutgoogleicon {
  display: block;
  margin-right: 8px;
}

.w-commerce-commercequickcheckoutmicrosofticon {
  display: block;
  margin-right: 8px;
}

.w-commerce-commercecheckoutplaceorderbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 20px;
  text-align: center;
}

.w-commerce-commercecheckouterrorstate {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: #ffdede;
}

.w-pagination-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.w-pagination-previous {
  display: block;
  color: #333;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: #ccc;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.w-pagination-next {
  display: block;
  color: #333;
  font-size: 14px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: #ccc;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.w-commerce-commerceaddtocartform {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.w-commerce-commerceaddtocartoptionpill {
  margin-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  color: #000;
  background-color: #fff;
  cursor: pointer;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  background-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  cursor: not-allowed;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commerceaddtocartquantityinput::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  background-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  cursor: not-allowed;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 10px;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  background-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  cursor: not-allowed;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ddd;
}

.w-commerce-commerceaddtocarterror {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ffdede;
}

.w-commerce-commerceorderconfirmationcontainer {
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: 0.33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercepaypalcheckouterrorstate {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: #ffdede;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    margin-right: 0px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .w-commerce-commercelayoutsidebar {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingfullname {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingstreetaddress {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingstateprovince {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingzippostalcode {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingcountryselector {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutcardnumber {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutcardexpirationdate {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutcardsecuritycode {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingfullname {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingstreetaddress {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingcity {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingstateprovince {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingzippostalcode {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }

  .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  font-family: Mulish;
  color: #183c34;
  font-size: 18px;
  line-height: 1.667em;
}

h1 {
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: 'Playfair Display';
  color: #102823;
  font-size: 60px;
  line-height: 1.167em;
  font-weight: 400;
}

h2 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: roboto, Arial, sans-serif;
  color: #102823;
  font-size: 42px;
  line-height: 1.31em;
  font-weight: 400;
}

h3 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: roboto, Arial, sans-serif;
  color: #102823;
  font-size: 26px;
  line-height: 1.308em;
  font-weight: 400;
}

h4 {
  margin-bottom: 15px;
  font-family: roboto, Arial, sans-serif;
  color: #102823;
  font-size: 22px;
  line-height: 1.273em;
  font-weight: 400;
}

h5 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: roboto, Arial, sans-serif;
  color: #102823;
  font-size: 18px;
  line-height: 1.333em;
  font-weight: 400;
}

h6 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: roboto, Arial, sans-serif;
  color: #102823;
  font-size: 16px;
  line-height: 1.375em;
  font-weight: 400;
}

p {
  margin-bottom: 0px;
  font-family: roboto, Arial, sans-serif;
}

a {
  -webkit-transition: color 350ms ease;
  transition: color 350ms ease;
  color: #102823;
  text-decoration: underline;
}

a:hover {
  color: #215045;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.444em;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height: 1.444em;
}

li {
  margin-bottom: 10px;
}

img {
  display: inline-block;
  max-width: 100%;
}

label {
  display: block;
  margin-bottom: 16px;
  color: #102823;
  line-height: 1em;
  font-weight: 700;
}

strong {
  font-family: roboto, Arial, sans-serif;
  color: #102823;
  font-weight: 700;
}

em {
  font-family: roboto, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}

blockquote {
  padding: 74px 80px;
  border-left: 0px solid #000;
  background-color: #fff;
  background-image: url('../images/icon-block-quote-law-firm-template.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  box-shadow: 0 33px 69px 0 rgba(0, 0, 0, 0.02), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 4px 9px 0 rgba(0, 0, 0, 0.01), 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 1px 2px 0 rgba(0, 0, 0, 0.01);
  font-size: 24px;
  line-height: 1.667em;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.03em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

.text-center {
  text-align: center;
}

.color-white {
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
}

.bg-neutral-200 {
  background-color: #f9fafc;
}

.container-default {
  position: relative;
  display: block;
  max-width: 1230px;
  margin: 0px auto 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  clear: both;
  background-color: transparent;
  text-align: left;
}

.container-default.treofan {
  margin-top: 80px;
  font-family: roboto, Arial, sans-serif;
}

.container-default.treofan.intro {
  display: block;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.container-default.people-detail {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

.container-default.intro {
  max-width: 1230px;
  margin-top: -120px;
  margin-bottom: 100px;
}

.container-default.team {
  margin-top: -50px;
}

.typography-container {
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px none #000;
}

.container-small-left {
  max-width: 900px;
  margin-top: 0px;
  padding-right: 24px;
  font-family: roboto, Arial, sans-serif;
}

.paragraph-large {
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 18px;
  line-height: 1.5em;
}

.paragraph-large.home-hero {
  max-width: 1000px;
  margin-bottom: 30px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
}

.paragraph-large.home-hero.text-center {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  font-size: 20px;
}

.paragraph-large._404 {
  max-width: 400px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
}

.paragraph-large.order-confirmation {
  max-width: 664px;
}

.paragraph-large.achivement {
  padding-bottom: 40px;
  color: #37816e;
  font-size: 20px;
  font-weight: 700;
}

.paragraph-large.intro {
  max-width: 700px;
  margin-bottom: 20px;
}

.paragraph-large.text-center {
  padding-bottom: 20px;
  font-size: 20px;
}

.button-primary {
  padding: 24px 44px;
  background-color: #215045;
  -webkit-transition: background-color 350ms ease, -webkit-transform 350ms ease, -webkit-transform 350ms ease;
  transition: background-color 350ms ease, -webkit-transform 350ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, transform 350ms ease, background-color 350ms ease;
  transition: transform 350ms ease, transform 350ms ease, background-color 350ms ease, -webkit-transform 350ms ease, -webkit-transform 350ms ease;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  line-height: 1.111em;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button-primary:hover {
  background-color: #102823;
  -webkit-transform: scale3d(0.98, 0.98, 1.01);
  transform: scale3d(0.98, 0.98, 1.01);
  color: #fff;
}

.button-primary.full-width {
  display: block;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  font-family: Roboto, Arial, sans-serif;
}

.button-primary.header-button {
  display: none;
  margin-left: 20px;
  padding: 24px;
  font-size: 16px;
}

.button-primary.get-package-add-to-cart {
  display: block;
  width: 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.button-primary.order-summary {
  margin-top: 10px;
  margin-bottom: 0px;
  border-radius: 0px;
}

.button-primary.discount-code {
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0px;
}

.button-secondary {
  padding: 24px 44px;
  border-style: solid;
  border-width: 1px;
  border-color: #215045;
  background-color: transparent;
  -webkit-transition: color 300ms ease, background-color 300ms ease, -webkit-transform 350ms ease;
  transition: color 300ms ease, background-color 300ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, color 300ms ease, background-color 300ms ease;
  transition: transform 350ms ease, color 300ms ease, background-color 300ms ease, -webkit-transform 350ms ease;
  font-family: Roboto, Arial, sans-serif;
  color: #215045;
  line-height: 1.111em;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.button-secondary:hover {
  background-color: #215045;
  -webkit-transform: scale3d(0.98, 0.98, 1.01);
  transform: scale3d(0.98, 0.98, 1.01);
  color: #fff;
}

.button-secondary.full-width {
  display: block;
}

.button-secondary.get-package-buy-now {
  display: block;
  margin-top: 18px;
}

.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 99999999999999;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  opacity: 1;
}

.header-logo {
  max-width: none;
  margin-left: 0px;
}

.header-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  clear: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none;
}

.nav-item-wrapper {
  margin-right: 20px;
  margin-bottom: 0px;
}

.nav-link {
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 350ms ease, color 350ms ease;
  transition: border-color 350ms ease, color 350ms ease;
  font-family: Roboto, Arial, sans-serif;
  color: #37816e;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav-link:hover {
  border-bottom: 1px solid #102823;
  color: #215045;
}

.nav-link.w--current {
  font-family: roboto, Arial, sans-serif;
}

.nav-link.footer-nav-link {
  margin-right: 20px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.nav-link.footer-nav-link:hover {
  color: #ef7e12;
}

.nav-link.footer-nav-link.w--current {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.nav-link.footer-nav-link.w--current:hover {
  color: #ef7e12;
}

.nav-menu {
  position: static;
  right: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  background-color: transparent;
}

.footer {
  padding-bottom: 0px;
  background-color: #102823;
}

.footer-logo-container {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.footer-logo-container:hover {
  -webkit-transform: scale3d(0.96, 0.96, 1.01);
  transform: scale3d(0.96, 0.96, 1.01);
}

.footer-logo {
  max-width: 80%;
}

.footer-logo:hover {
  max-width: 80%;
}

.page-wrapper.utility-page {
  background-color: #f9fafc;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
}

.section {
  display: block;
  padding-top: 180px;
  padding-bottom: 180px;
}

.section.home-hero {
  height: auto;
  max-height: 800px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.section.home-practice-areas {
  padding-top: 160px;
  padding-bottom: 100px;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
}

.section.cta {
  padding-top: 71px;
  padding-bottom: 71px;
  background-color: transparent;
  background-image: url('../images/210623_Pattern_Bickel_und_Company_rgb.svg'), radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
  background-position: 100% 0%, 0px 0px;
  background-size: auto 300px, auto;
  background-repeat: no-repeat, repeat;
}

.section.testimonials {
  display: block;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 40px;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
}

.section.about-hero {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f9fafc;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
}

.section.about-hero.eins {
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.about-hero.zwei {
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.about-hero.zwei.drei {
  display: block;
}

.section.about-hero.zwei.dreier {
  display: block;
}

.section.about-hero.drei {
  display: none;
}

.section.blog-newsletter {
  padding-top: 72px;
  padding-bottom: 72px;
  background-color: #215045;
  background-image: url('../images/bg-cta-law-firm-template.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section.team-members {
  padding-top: 140px;
  padding-bottom: 0px;
}

.section.package {
  padding-top: 80px;
}

.section.contact {
  position: relative;
  padding-top: 100px;
  padding-bottom: 60px;
  background-color: #215045;
  background-image: url('../images/picture_footer.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #215045;
}

.section.blog-post {
  padding-top: 51px;
  padding-bottom: 159px;
}

.section.team {
  padding-top: 51px;
  padding-bottom: 100px;
}

.section.packages-category {
  padding-top: 80px;
  padding-bottom: 160px;
}

.section.blog-category {
  padding-top: 80px;
}

.section.projekte {
  padding-top: 100px;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
}

.section.gestalter {
  position: static;
  max-width: 800px;
  margin-top: 220px;
  padding-top: 60px;
  padding-bottom: 100px;
}

.section.rollen {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #215045, #102823);
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 800px;
  padding: 60px 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content-password {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 580px;
  padding: 72px 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 33px 69px 0 rgba(0, 0, 0, 0.02), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 4px 9px 0 rgba(0, 0, 0, 0.01), 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 1px 2px 0 rgba(0, 0, 0, 0.01);
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input {
  height: 46px;
  margin-bottom: 0px;
  padding: 0px 0px 16px;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #000 #000 #282928;
  background-color: transparent;
  -webkit-transition: border-color 350ms ease, color 350ms ease;
  transition: border-color 350ms ease, color 350ms ease;
  color: #102823;
  font-size: 18px;
}

.input:hover {
  border-bottom-color: #102823;
}

.input:focus,
.input.-wfp-focus {
  border-bottom-color: #102823;
  color: #102823;
}

.input::-webkit-input-placeholder {
  color: #183c34;
  font-size: 18px;
}

.input:-ms-input-placeholder {
  color: #183c34;
  font-size: 18px;
}

.input::-ms-input-placeholder {
  color: #183c34;
  font-size: 18px;
}

.input::placeholder {
  color: #183c34;
  font-size: 18px;
}

.input.password {
  margin-bottom: 32px;
}

.input.blog-newsletter {
  height: 66px;
  padding-right: 160px;
  border-bottom-color: #1b4036;
  color: #102823;
  font-size: 16px;
  line-height: 1.875em;
  letter-spacing: -0.03em;
}

.input.blog-newsletter:hover {
  border-bottom-color: #102823;
}

.input.blog-newsletter:focus {
  border-bottom-color: #102823;
}

.input.blog-newsletter::-webkit-input-placeholder {
  color: #183c34;
  font-size: 16px;
  line-height: 1.875em;
  letter-spacing: -0.03em;
}

.input.blog-newsletter:-ms-input-placeholder {
  color: #183c34;
  font-size: 16px;
  line-height: 1.875em;
  letter-spacing: -0.03em;
}

.input.blog-newsletter::-ms-input-placeholder {
  color: #183c34;
  font-size: 16px;
  line-height: 1.875em;
  letter-spacing: -0.03em;
}

.input.blog-newsletter::placeholder {
  color: #183c34;
  font-size: 16px;
  line-height: 1.875em;
  letter-spacing: -0.03em;
}

.input.checkout {
  margin-bottom: 16px;
  border-radius: 0px;
}

._404-title {
  margin-bottom: 32px;
  font-family: Roboto, Arial, sans-serif;
  color: #215045;
  font-size: 180px;
  line-height: 0.889em;
  font-weight: 700;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #c1d1df;
}

.divider.package-card {
  height: 1px;
  margin-top: 34px;
  margin-bottom: 32px;
}

.divider.package {
  height: 1px;
  margin-top: 63px;
  margin-bottom: 80px;
  background-color: #ededed;
}

.divider.card-blog-post {
  margin-top: 40px;
  margin-bottom: 24px;
  background-color: #ededed;
}

.divider.card-blog-post-top-content {
  height: 1px;
  margin-top: 44px;
  margin-bottom: 32px;
  background-color: #ededed;
}

.divider.card-about-author {
  height: 1px;
  margin-top: 37px;
  margin-bottom: 29px;
  background-color: #ededed;
}

.container-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1224px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  opacity: 1;
}

.split-content.header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.split-content.contact-left {
  max-width: 900px;
  margin-right: 0px;
}

.split-content.about-blog-post-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #183c34;
  text-decoration: none;
}

.split-content.about-blog-post-left:hover {
  color: #183c34;
}

.split-content.about-blog-post-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.split-content.more-articles-left {
  max-width: 509px;
}

.split-content.team-right {
  position: absolute;
  top: auto;
  bottom: auto;
  display: block;
  max-width: 1230px;
  margin-top: 140px;
  margin-bottom: auto;
  margin-left: auto;
}

.split-content.team-right.color-white {
  margin-top: 220px;
  margin-bottom: auto;
  padding-top: 0px;
}

.split-content.blog-category-left {
  max-width: 541px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.split-content.blog-category-right {
  margin-bottom: 30px;
}

.split-content.checkout-left {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.split-content.checkout-right {
  top: 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.brand:hover {
  -webkit-transform: scale3d(0.96, 0.96, 1.01);
  transform: scale3d(0.96, 0.96, 1.01);
}

.brand.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-transition-property: none;
  transition-property: none;
}

.home-hero-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.home-hero-box {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  max-width: 900px;
  margin: auto;
  padding: 140px 20px 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: transparent;
  text-align: center;
}

.image.testimonials {
  width: 100%;
  height: 600px;
  margin-top: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}

.image.testimonial-picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image.testimonial-link {
  width: 60px;
  height: 60px;
  min-width: 60px;
}

.image.practice-area-card-icon {
  height: 30px;
  opacity: 0.33;
}

.image.package-card-feature {
  margin-top: 8px;
  margin-right: 11px;
}

.image.package-feature {
  margin-top: 8px;
  margin-right: 11px;
}

.image.card-blog-post {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image.about-blog-post-author {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image.about-author {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.image.card-team-member {
  width: 100%;
}

.image.team {
  display: block;
  width: auto;
  height: 600px;
  max-width: none;
  -o-object-fit: fill;
  object-fit: fill;
}

._2-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

._2-buttons._404 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container-small-557px {
  max-width: 557px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.container-small-557px.home-practice-areas {
  position: relative;
  max-width: 900px;
  margin-bottom: 40px;
  text-align: center;
}

.home-practice-areas-grid {
  max-width: 900px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto minmax(auto, 0.5fr);
  grid-template-rows: auto minmax(auto, 0.5fr);
}

.card {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 33px 69px 0 rgba(0, 0, 0, 0.02);
}

.card.practice-area-card {
  display: block;
  padding: 54px 48px 56px 40px;
}

.card.practice-area-card.projets {
  padding-top: 40px;
  background-color: #215045;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 33px 69px 0 #102823;
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
  text-decoration: none;
}

.card.practice-area-card.projets.zweispaltig {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
  text-decoration: none;
}

.card.testimonials {
  position: absolute;
  left: 0px;
  z-index: 1;
  width: 100%;
  max-width: 800px;
  padding: 48px 40px 32px;
}

.card.blog-newsletter {
  max-width: 680px;
  padding: 69px 74px 79px 55px;
}

.card.package {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 39px 28px 52px 27px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
}

.card.package:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.card.get-package {
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
  min-width: 380px;
  padding: 41px 32px 49px;
  -webkit-transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
}

.card.get-package:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.card.get-package.mobile {
  display: none;
}

.card.faq {
  overflow: hidden;
  margin-bottom: 28px;
  padding: 37px 25px 36px;
  box-shadow: 0 2px 6px 0 rgba(8, 29, 52, 0.06);
  cursor: pointer;
}

.card.blog-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, transform 300ms ease;
  transition: box-shadow 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
  color: #183c34;
  text-decoration: none;
}

.card.blog-post:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
  color: #183c34;
}

.card.blog-post-top-content {
  margin-bottom: 90px;
  padding: 49px 51px 5px 64px;
}

.card.about-author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 874px;
  margin-top: 79px;
  padding: 60px 87px 48px;
  -webkit-transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
}

.card.about-author:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  transform: scale(0.99);
}

.card.team-member {
  height: 100%;
  -webkit-transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease;
  transition: box-shadow 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
  color: #183c34;
  text-decoration: none;
}

.card.team-member:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
  color: #183c34;
}

.card._404 {
  position: relative;
  z-index: 1;
  max-width: 700px;
  padding: 28px 58px 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card.checkout-about {
  margin-bottom: 40px;
  padding: 64px 40px 70px;
}

.card.checkout {
  margin-bottom: 40px;
  -webkit-transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: box-shadow 350ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, box-shadow 350ms ease;
  transition: transform 350ms ease, box-shadow 350ms ease, -webkit-transform 350ms ease;
}

.card.checkout:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: scale(0.99);
  -ms-transform: scale(0.99);
  transform: scale(0.99);
}

.card.checkout.last {
  margin-bottom: 0px;
}

.card.checkout.order-summary {
  margin-bottom: 0px;
  box-shadow: none;
}

.card.checkout.order-summary:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.card.checkout.order-confirmation {
  -webkit-transition-property: none;
  transition-property: none;
}

.card.checkout.order-confirmation:hover {
  box-shadow: 0 33px 69px 0 rgba(0, 0, 0, 0.02), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 4px 9px 0 rgba(0, 0, 0, 0.01), 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.card.default {
  padding: 60px 50px;
}

.practice-area-card-content {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.image-wrapper {
  position: relative;
  overflow: hidden;
}

.image-wrapper.practice-area-card-icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 88px;
  height: 88px;
  min-width: 88px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #c1d1df;
  border-radius: 0px;
  color: transparent;
}

.image-wrapper.practice-area-card-icon-wrapper.logo {
  width: 200px;
}

.image-wrapper.testimonials {
  max-width: 702px;
}

.image-wrapper.testimonial-picture {
  width: 84px;
  height: 84px;
  min-width: 84px;
  margin-right: 24px;
  border-radius: 1000px;
}

.image-wrapper.about-blog-post-author {
  width: 76px;
  height: 76px;
  min-width: 76px;
  margin-right: 22px;
  border-radius: 1000px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.image-wrapper.about-author {
  width: 120px;
  height: 120px;
  min-width: 120px;
  margin-right: 32px;
  border-radius: 1000px;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.image-wrapper.card-team-member {
  display: inline-block;
}

.image-wrapper.team {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  height: 600px;
  -o-object-fit: fill;
  object-fit: fill;
}

.image-wrapper.blog-post-main-image {
  width: 100%;
}

.paragraph {
  max-width: 700px;
  padding-bottom: 0px;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 15px;
  line-height: 1.6em;
  font-weight: 400;
  text-align: left;
}

.paragraph.cta {
  margin-bottom: 26px;
  padding-right: 40px;
  color: #215045;
}

.paragraph.testimonial {
  margin-bottom: 22px;
  text-align: center;
}

.paragraph.newsletter {
  margin-bottom: 40px;
  letter-spacing: -0.03em;
}

.paragraph.package-card-about-summary {
  letter-spacing: -0.03em;
}

.paragraph.package-description {
  margin-bottom: 27px;
  letter-spacing: -0.03em;
}

.paragraph.get-package {
  margin-bottom: 31px;
}

.paragraph.card-blog-post {
  letter-spacing: -0.03em;
}

.paragraph.password {
  margin-bottom: 40px;
}

.paragraph.color-white {
  max-width: 800px;
  margin-left: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #fff;
  font-size: 15px;
  text-align: left;
  letter-spacing: 0.03em;
}

.paragraph.color-white.text-center {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  font-size: 15px;
  text-align: center;
}

.paragraph.color-white.treofan {
  padding-top: 40px;
}

.paragraph.color-white.kuka {
  margin-top: 20px;
}

.paragraph.color-white.address {
  margin-left: 0px;
  padding-left: 0px;
}

.paragraph.color-white.footer {
  margin-left: 40px;
  background-color: rgba(16, 40, 35, 0);
}

.paragraph.text-center {
  font-size: 15px;
  text-align: center;
}

.paragraph.orange {
  padding-bottom: 0px;
  color: #ef7e12;
  font-size: 15px;
  letter-spacing: 0.1em;
}

.paragraph.zehn {
  margin-left: 40px;
  padding-left: 0px;
}

.cta-box {
  max-width: 1000px;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 0px;
  padding: 60px 80px;
  background-color: #fff;
}

.top-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.top-content.more-articles {
  margin-bottom: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-content.blog-category {
  margin-bottom: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.container-medium-665px {
  max-width: 665px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.container-medium-665px.testimonials {
  margin-bottom: 47px;
  text-align: center;
}

.testimonials-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.title {
  font-family: Roboto, Arial, sans-serif;
}

.title.package-card-name {
  margin-bottom: 11px;
  font-family: Mulish;
  font-size: 26px;
  line-height: 1.308em;
}

.title.package {
  margin-bottom: 20px;
}

.title.package-about {
  margin-bottom: 23px;
}

.title.get-package {
  font-family: Mulish;
  font-size: 26px;
  line-height: 1.308em;
}

.title.card-blog-post {
  margin-bottom: 16px;
}

.title.home-hero {
  display: inline-block;
  max-width: 1000px;
  margin-top: 0px;
  margin-bottom: 30px;
  font-family: roboto, Arial, sans-serif;
  font-weight: 700;
}

.title.home-hero.team.mobile {
  font-family: Roboto, Arial, sans-serif;
}

.title.blog-post {
  max-width: 771px;
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 1.31em;
}

.title.more-articles {
  margin-bottom: 0px;
}

.title.card-about-author {
  margin-bottom: 8px;
  font-family: Mulish;
  font-size: 26px;
  line-height: 1.308em;
}

.title.team-name {
  margin-bottom: 18px;
  font-family: roboto, Arial, sans-serif;
}

.title.category {
  margin-right: 10px;
  margin-bottom: 0px;
  font-family: 'Playfair Display';
  color: #102823;
  font-size: 60px;
  line-height: 1.167em;
}

.title.category.last {
  margin-right: 0px;
}

.title.card-checkout {
  margin-top: 0px;
  margin-bottom: 0px;
}

.title.order-item {
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.small-print-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1230px;
  margin-bottom: 0px;
  padding: 20px 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.small-print {
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 1.875em;
  text-align: left;
  text-transform: uppercase;
}

.footer-nav-box {
  width: auto;
  max-width: 263px;
  margin-right: 0px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.testimonials-tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
  padding-top: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid #ededed;
  text-align: center;
}

.testimonials-tabs-content {
  padding-right: 30px;
  padding-left: 30px;
}

.about-testimonial-wrapper {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Roboto, Arial, sans-serif;
  text-align: center;
}

.testimonial-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-testimonial-name {
  margin-bottom: 8px;
  color: #102823;
  font-size: 20px;
  line-height: 1.1em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.about-testimonial-job {
  line-height: 1.111em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.testimonial-tab-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-right: 32px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 1000px;
  background-color: transparent;
  -webkit-transition: border-width 350ms ease, box-shadow 350ms ease, border-color 350ms ease, -webkit-transform 350ms ease;
  transition: border-width 350ms ease, box-shadow 350ms ease, border-color 350ms ease, -webkit-transform 350ms ease;
  transition: border-width 350ms ease, box-shadow 350ms ease, border-color 350ms ease, transform 350ms ease;
  transition: border-width 350ms ease, box-shadow 350ms ease, border-color 350ms ease, transform 350ms ease, -webkit-transform 350ms ease;
}

.testimonial-tab-link:hover {
  -webkit-transform: scale(0.94);
  -ms-transform: scale(0.94);
  transform: scale(0.94);
}

.testimonial-tab-link.w--current {
  border-style: solid;
  border-width: 5px;
  border-color: #fff;
  box-shadow: 0 3px 19px 0 rgba(0, 0, 0, 0.12);
}

.bg {
  position: absolute;
}

.bg.contact-1 {
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: -1;
  width: 100%;
  background-color: #183c34;
  color: #215045;
}

.achievements-grid {
  padding-top: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-column-gap: 30px;
  grid-row-gap: 100px;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.achievement-wrapper {
  max-width: 246px;
  text-align: center;
}

.empty-state {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 60px 40px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 33px 69px 0 rgba(0, 0, 0, 0.02);
  color: #102823;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.empty-state.small {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 18px;
}

.empty-state.out-of-stock {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #c1d1df;
  box-shadow: none;
  font-size: 16px;
}

.blog-newsletter-form-block {
  margin-bottom: 0px;
}

.blog-newsletter-input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.blog-newsletter-submit-button {
  position: absolute;
  right: 0px;
  padding: 16px 24px;
  background-color: #215045;
  -webkit-transition: background-color 350ms ease, -webkit-transform 350ms ease;
  transition: background-color 350ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, background-color 350ms ease;
  transition: transform 350ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
  font-size: 16px;
  line-height: 1.286em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.blog-newsletter-submit-button:hover {
  background-color: #102823;
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}

.practice-areas-grid {
  padding-top: 40px;
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.practice-areas-grid.zwei {
  display: -ms-grid;
  display: grid;
  padding-top: 100px;
  grid-auto-columns: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.package-card-price {
  margin-bottom: 23px;
  color: #215045;
  font-size: 32px;
  line-height: 1.143em;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.package-card-features-grid {
  margin-bottom: 52px;
  grid-row-gap: 11px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.select {
  height: 46px;
  margin-bottom: 0px;
  padding: 0px 0px 16px;
  border-style: solid;
  border-width: 0px 0px 1px;
  border-color: #000 #000 #282928;
  background-color: transparent;
  -webkit-transition: border-color 350ms ease, color 350ms ease;
  transition: border-color 350ms ease, color 350ms ease;
  font-size: 18px;
  cursor: pointer;
}

.select:hover {
  border-bottom-color: #102823;
}

.select:focus {
  border-bottom-color: #102823;
  color: #102823;
}

.select::-webkit-input-placeholder {
  color: #183c34;
  font-size: 18px;
}

.select:-ms-input-placeholder {
  color: #183c34;
  font-size: 18px;
}

.select::-ms-input-placeholder {
  color: #183c34;
  font-size: 18px;
}

.select::placeholder {
  color: #183c34;
  font-size: 18px;
}

.select.package-card {
  display: none;
  margin-bottom: 28px;
}

.select.get-package {
  margin-bottom: 31px;
}

.select.checkout {
  margin-bottom: 16px;
  border-radius: 0px;
}

.package-card-default-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.package-card-add-to-cart {
  margin-bottom: 18px;
}

.package-card-feature-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  letter-spacing: -0.03em;
}

.package-body {
  max-width: 709px;
  margin-right: 54px;
}

.package-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.package-sidebar {
  max-width: 413px;
}

.package-features-grid {
  grid-row-gap: 11px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.package-feature-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  letter-spacing: -0.03em;
}

.get-package-price {
  margin-right: 10px;
  margin-bottom: 10px;
  color: #102823;
  font-size: 24px;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.get-package-price-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.get-package-compare-at-price {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.238em;
  letter-spacing: -0.03em;
  text-decoration: line-through;
}

.get-package-default-state {
  margin-bottom: 0px;
}

.contact-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.contact-directly-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  font-size: 24px;
  line-height: 0.833em;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.contact-directly-link:hover {
  color: #fff;
}

.contact-directly-link.last {
  margin-bottom: 0px;
}

.container-small-595px {
  max-width: 595px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.container-small-595px.packages-category {
  margin-bottom: 40px;
  text-align: center;
}

.contact-directly-links-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.card-office-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.111em;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.card-blog-post-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 49px 48px 34px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card-blog-post-category {
  margin-bottom: 14px;
  color: #215045;
  font-size: 20px;
  line-height: 1.1em;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.card-blog-post-about-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-blog-post-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #102823;
  font-size: 16px;
  line-height: 1.25em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.card-blog-post-date {
  line-height: 1.111em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.card-blog-post-link-arrow {
  display: block;
  font-family: 'Icons Law Firm Template';
  font-size: 15px;
}

.home-slide-to-down-link {
  position: static;
  left: 0px;
  top: 220px;
  right: -2vw;
  bottom: -41px;
  display: inline-block;
  width: 55px;
  height: 55px;
  min-width: 55px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: 0px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1000px;
  background-color: #215045;
  -webkit-transition: background-color 350ms ease, -webkit-transform 350ms ease;
  transition: background-color 350ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, background-color 350ms ease;
  transition: transform 350ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
  font-family: 'Icons Law Firm Template';
  color: #fff;
  font-size: 22px;
  text-align: left;
  text-decoration: none;
}

.home-slide-to-down-link:hover {
  background-color: #102823;
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
  color: #fff;
}

.home-slide-to-down-link.home {
  display: block;
  margin-left: auto;
}

.bottom-content.card-blog-post {
  margin-top: auto;
}

.blog-categories-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.blog-category-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-category-link {
  color: #183c34;
  line-height: 1.222em;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-category-link:hover {
  color: #102823;
}

.blog-category-link.w--current {
  color: #102823;
  font-weight: 700;
}

.blog-category-link.all {
  margin-right: 24px;
}

.blog-category-link.all.w--current {
  color: #102823;
  font-weight: 700;
}

.blog-category-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  margin-right: 24px;
  padding-left: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #ededed;
}

.pagination-button {
  margin-top: 66px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 28px 35px;
  border-color: #215045;
  border-radius: 0px;
  background-color: transparent;
  color: #215045;
  font-size: 16px;
  line-height: 1.25em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pagination-button:hover {
  border-color: #102823;
  color: #102823;
}

.back-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
}

.back-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.25em;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-post-content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 992px;
  margin-top: -250px;
  margin-right: 60px;
  margin-left: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-post-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.rich-text {
  max-width: 874px;
  font-family: roboto, Arial, sans-serif;
}

.rich-text h2 {
  max-width: 712px;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
}

.rich-text p {
  max-width: 712px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  letter-spacing: -0.03em;
}

.rich-text h3 {
  max-width: 712px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
}

.rich-text ul {
  max-width: 712px;
  margin: 32px auto 61px;
  letter-spacing: -0.03em;
}

.rich-text figure {
  margin-top: 61px;
  margin-bottom: 71px;
}

.rich-text figcaption {
  margin-top: 32px;
  line-height: 1.4em;
  letter-spacing: -0.03em;
}

.rich-text h4 {
  max-width: 712px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}

.rich-text ol {
  max-width: 712px;
  margin: 32px auto 61px;
  letter-spacing: -0.03em;
}

.rich-text blockquote {
  margin-top: 64px;
  margin-bottom: 85px;
}

.rich-text h5 {
  max-width: 712px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}

.rich-text.schwerpunkte {
  display: block;
}

.about-blog-post-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-blog-post-author-name {
  margin-bottom: 8px;
  color: #102823;
  font-size: 22px;
  line-height: 0.909em;
  letter-spacing: -0.03em;
}

.about-blog-post-author-rol {
  font-size: 16px;
  line-height: 1.25em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.blog-post-about-date {
  line-height: 1.222em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.more-articles-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 61px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card-about-author-name-wrapper {
  margin-bottom: 25px;
}

.card-about-author-social-media-grid {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-auto-columns: 40px;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-columns: repeat(auto-fit, 40px);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card-about-author-social-media-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1.05px;
  border-color: #c1d1df;
  border-radius: 1000px;
  -webkit-transition: border-color 350ms ease, color 350ms ease, -webkit-transform 350ms ease;
  transition: border-color 350ms ease, color 350ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, border-color 350ms ease, color 350ms ease;
  transition: transform 350ms ease, border-color 350ms ease, color 350ms ease, -webkit-transform 350ms ease;
  font-family: 'Icons Law Firm Template';
  color: #1b4036;
  font-size: 19px;
  text-decoration: none;
}

.card-about-author-social-media-link:hover {
  border-color: #215045;
  -webkit-transform: scale(0.96);
  -ms-transform: scale(0.96);
  transform: scale(0.96);
}

.card-about-author-social-media-link.icon-size-17px {
  font-size: 17px;
}

.card-about-author-social-media-link.icon-size-21px {
  font-size: 21px;
}

.card-about-author-rol {
  color: #215045;
  font-size: 20px;
  line-height: 1.1em;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.back-link-arrow-icon {
  display: block;
  font-family: 'Icons Law Firm Template';
  font-size: 16px;
}

.team-members-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 23px;
  grid-row-gap: 32px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card-team-member-content {
  padding: 28px 25px 47px;
}

.card-team-member-rol {
  font-family: Roboto, Arial, sans-serif;
  color: #215045;
  font-size: 20px;
  line-height: 1.3em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.team-name-wrapper {
  position: relative;
  display: block;
  margin-bottom: 25px;
}

.team-name-wrapper.color-white {
  margin-top: auto;
  margin-bottom: auto;
}

.team-rol {
  font-family: roboto, Arial, sans-serif;
  color: #215045;
  font-size: 20px;
  line-height: 1.1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.team-about-wrapper {
  margin-top: 100px;
}

.card-package-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-package-buttons {
  margin-top: auto;
}

.category-title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.category-title-wrapper.blog-category {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.packages-category-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 24px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.blog-category-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 61px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.checkout-form {
  padding: 80px 0px 180px;
  background-color: transparent;
}

.block-header {
  padding: 30px 40px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 0px;
}

.block-content {
  padding: 20px 40px 40px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.block-content.order-summary {
  padding-bottom: 20px;
}

.checkout-field-label {
  margin-top: 16px;
  margin-bottom: 10px;
}

.checkout-required-text {
  color: #215045;
  line-height: 1em;
}

.billing-address-toggle {
  margin-top: 20px;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkout-checkbox-label {
  margin-bottom: 0px;
}

.checkout-checkbox {
  margin-top: 0px;
}

.order-item-wrapper {
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.order-item-option {
  margin-bottom: 0px;
}

.option-in-order {
  color: #102823;
  font-weight: 600;
}

.order-item-price {
  margin-bottom: 10px;
  color: #102823;
}

.order-item-box {
  margin-bottom: 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.checkout-order-summary-subtotal {
  margin-left: 20px;
  color: #102823;
  font-weight: 600;
}

.checkout-order-summary-total {
  margin-left: 20px;
  color: #102823;
  font-size: 20px;
}

.order-summary-line-item {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.apple-pay {
  height: 67px;
  border-radius: 0px;
}

.paypal {
  margin-bottom: 20px;
}

.discounts {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-width: 0px;
  background-color: transparent;
}

.rich-text-style-guide {
  max-width: 900px;
  font-family: Roboto, Arial, sans-serif;
  color: #215045;
  font-style: italic;
  font-weight: 400;
}

.rich-text-style-guide h2 {
  max-width: 712px;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
}

.rich-text-style-guide p {
  max-width: 712px;
  margin-right: auto;
  margin-bottom: 32px;
  margin-left: auto;
  letter-spacing: -0.03em;
}

.rich-text-style-guide h3 {
  max-width: 712px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}

.rich-text-style-guide ul {
  max-width: 712px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  letter-spacing: -0.03em;
}

.rich-text-style-guide li {
  color: #215045;
}

.rich-text-style-guide figure {
  margin-bottom: 0px;
}

.rich-text-style-guide figcaption {
  margin-top: 32px;
  line-height: 1.4em;
  letter-spacing: -0.03em;
}

.rich-text-style-guide h4 {
  max-width: 712px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}

.rich-text-style-guide ol {
  max-width: 712px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  letter-spacing: -0.03em;
}

.rich-text-style-guide blockquote {
  margin-bottom: 0px;
  background-image: url('../images/icon-block-quote-law-firm-template.svg');
  background-size: auto;
  background-repeat: no-repeat;
}

.rich-text-style-guide h5 {
  max-width: 712px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
}

.card-about-author-link-wrapper {
  color: #183c34;
  text-decoration: none;
}

.card-about-author-link-wrapper:hover {
  color: #183c34;
}

.success-message {
  margin-top: 20px;
  margin-bottom: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #215045;
  background-color: transparent;
  color: #215045;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.error-message {
  margin-top: 20px;
  padding: 20px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-style: solid;
  border-width: 1px;
  border-color: red;
  background-color: transparent;
  color: #ff0004;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.page-section-offset {
  position: absolute;
  top: -80px;
  width: 1px;
  height: 80px;
}

.image-solid-cover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #215045;
}

.heading {
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 52px;
  line-height: 1.3em;
  font-weight: 700;
}

.heading.color-white {
  display: block;
  color: #fff;
  font-size: 52px;
}

.heading-2 {
  display: block;
  margin-bottom: 0px;
  margin-left: 40px;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 36px;
  line-height: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
}

.heading-2.leistungen {
  color: #282928;
}

.heading-2.leistungen.color-white {
  margin-bottom: 40px;
}

.heading-2.leistungen.color-white.home {
  margin-left: 0px;
}

.heading-2.color-white {
  display: block;
  max-width: 900px;
  margin-left: 40px;
  padding-bottom: 0px;
  color: #fff;
}

.heading-2.color-white.text-center {
  padding-bottom: 0px;
}

.heading-2.color-white.text-center.innercircle {
  display: block;
  margin-left: 0px;
  padding-top: 0px;
}

.heading-2.color-white.text-center.innercircle.first.five {
  margin-left: 0px;
  padding-top: 50px;
}

.heading-2.color-white.trans {
  margin-left: 0px;
}

.heading-2.text-center.deskt {
  margin-left: 0px;
}

.heading-2.desk {
  margin-left: 0px;
}

.heading-3 {
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 28px;
  line-height: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
}

.heading-3.color-white {
  display: block;
  margin-left: 0px;
  padding-left: 0px;
  color: #fff;
  font-size: 36px;
}

.heading-3.color-white.footer {
  margin-left: 40px;
  background-color: rgba(16, 40, 35, 0);
}

.heading-3.green {
  color: #215045;
}

.bold-text {
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  line-height: 1.6em;
}

.bold-text.color-white {
  color: #fff;
}

.tag {
  display: inline-block;
  width: auto;
  margin: 4px 10px 4px 0px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #ededed;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -o-object-fit: fill;
  object-fit: fill;
}

.tag.dunkelgr-n {
  background-color: #183c34;
}

.tag.dunkelgr-n.weiss {
  color: #fff;
  text-transform: uppercase;
}

.tag.orange {
  background-color: #ef7e12;
}

.tag.green2 {
  background-color: #102823;
  color: #fff;
}

.heading-4 {
  display: block;
  margin-left: 40px;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 22px;
  line-height: 1.3em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.heading-4.color-white {
  display: block;
  margin-left: 40px;
  padding-left: 0px;
  color: #fff;
  letter-spacing: 0.05em;
}

.heading-4.color-white.phone.stage {
  display: block;
  max-width: 900px;
  margin-top: 10px;
}

.heading-4.text-center {
  text-align: center;
}

.heading-5 {
  margin-top: 0px;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 18px;
  line-height: 1.1em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.heading-5.text-center {
  display: inline-block;
  color: #215045;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}

.heading-5.color-white {
  color: #fff;
}

.heading-5.people {
  line-height: 1.3em;
}

.heading-6 {
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  line-height: 1.3em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.heading-6.text-center {
  display: inline;
  margin-top: 0px;
  color: #37816e;
  text-align: center;
  letter-spacing: -0.5px;
  text-decoration: none;
}

.background-video {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  height: 100%;
}

.counter {
  margin-bottom: 40px;
  font-family: roboto, Arial, sans-serif;
  color: #215045;
  font-size: 80px;
  font-weight: 700;
}

.counter {
  font-family: Roboto, Arial, sans-serif;
}

.counter {
  color: #37816e;
}

.image-3 {
  position: relative;
  left: 0px;
  top: auto;
  right: 0px;
  bottom: auto;
  display: block;
  margin-top: -76px;
  margin-bottom: 0px;
  margin-left: -200px;
  padding-bottom: 0px;
  opacity: 0.33;
}

.heading-7 {
  color: #215045;
  font-weight: 700;
}

.paragraph-4 {
  color: #282928;
}

.paragraph-4.color-white {
  color: #fff;
}

.text-block-14 {
  display: inline-block;
  max-width: none;
  margin: 20px 10px 40px 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-family: Roboto, Arial, sans-serif;
  color: hsla(0, 0%, 100%, 0.25);
  font-size: 22px;
  line-height: 1.16em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  white-space: normal;
}

.heading-18 {
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
}

.paragraph-7 {
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
}

.grid {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid.people {
  padding-top: 100px;
}

.grid.people.phone {
  padding-bottom: 140px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section-3 {
  height: 800px;
}

.section-3.projekte {
  height: 500px;
  background-image: url('../images/picture_projekt_treofan_stage.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.projekte._3 {
  background-image: url('../images/picture_projekt_syntegon_stage.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.section-3.projekte.zwei {
  background-image: url('../images/picture_projekt_kuka_stage.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.section-3.walter {
  display: block;
  height: 600px;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-image: url('../images/612a9b9ddcf1007f5003cd26_210629_Portrait_Walter_Bickel_web_rgb_sw_3.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.johann {
  height: 600px;
  margin-bottom: 100px;
  background-image: url('../images/612806bc443cfe6e426cf877_210701_Portrait_Johann_Spanner_web_rgb_sw_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.marco {
  height: 600px;
  margin-bottom: 100px;
  background-image: url('../images/612a9aa3866ecb7f90207a58_210701_Portrait_Marco_Goetz_web_rgb_sw_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.boris {
  height: 600px;
  margin-bottom: 100px;
  background-image: url('../images/612b81e62f5baf56b90a00db_210701_Portrait_Boris_Trautmann_web_rgb_sw_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.manuel {
  height: 600px;
  margin-bottom: 100px;
  background-image: url('../images/6128080156f49670380df637_210701_Portrait_Manuel_Vinke_web_rgb_sw_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.mario {
  height: 600px;
  margin-bottom: 100px;
  background-image: url('../images/61280d0f027502758f36a22e_210701_Portrait_Mario_Schwager_web_rgb_sw_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.peter {
  height: 600px;
  margin-bottom: 100px;
  background-image: url('../images/61280e97cf325251ba1a1589_210708_Portrait_Peter_web_rgb_sw_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-3.bernd {
  height: 300px;
}

.grid-2 {
  max-width: 380px;
  margin-top: 60px;
  margin-left: 40px;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -ms-grid-columns: 0.25fr 1fr;
  grid-template-columns: 0.25fr 1fr;
}

.image-4 {
  height: 25px;
}

.image-4.out {
  display: block;
}

.link-2 {
  display: block;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.link-2.out {
  display: block;
}

.section-5 {
  margin-bottom: 0px;
  padding-bottom: 40px;
}

.paragraph-8 {
  color: #282928;
  font-size: 18px;
}

.paragraph-8.color-white {
  max-width: 700px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 15px;
  line-height: 1.6em;
}

.grid-4 {
  margin-top: 60px;
  -ms-grid-columns: 0.75fr 0.25fr;
  grid-template-columns: 0.75fr 0.25fr;
}

.grid-4.people-cvs {
  margin-top: 100px;
  grid-column-gap: 80px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.image-5 {
  position: static;
  display: block;
  height: 333px;
  margin-top: 0px;
  opacity: 1;
}

.image-5.zwei {
  position: static;
  left: auto;
  top: 0%;
  right: auto;
  bottom: auto;
  display: inline-block;
  height: 260px;
  clear: left;
  opacity: 1;
}

.image-5.zwei.start {
  height: 350px;
  opacity: 0.88;
}

.image-5.rotate {
  height: 350px;
}

.image-5.erstes {
  height: 250px;
}

.div-block-2 {
  position: absolute;
  left: 0%;
  top: 20%;
  right: auto;
  bottom: 0%;
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 100px;
  float: none;
  clear: none;
  opacity: 0.13;
}

.div-block-2.bildmarke-2 {
  position: absolute;
  left: 25%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: block;
  margin-top: 0px;
  margin-left: 220px;
  padding-left: 0px;
  opacity: 0.32;
}

.div-block-2.bildmarke-3 {
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  display: inline-block;
  margin-bottom: 100px;
  margin-left: 220px;
  padding-left: 0px;
  opacity: 1;
}

.div-block-2.bildmarke-3.startseite {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.image-6 {
  height: 35px;
}

.image-7 {
  position: static;
  display: inline-block;
}

.image-8 {
  height: 36px;
  margin-left: 40px;
}

.arrow-right {
  height: 36px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.arrow-right:hover {
  margin-left: 20px;
}

.arrow-right.cases {
  margin-left: 0px;
}

.div-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-4.green-circles {
  margin-top: -20px;
}

.div-block-4.cases {
  margin-left: 0px;
}

.image-9 {
  height: 60px;
  margin-top: -35px;
  margin-right: 20px;
  margin-left: 60px;
  opacity: 0.25;
}

.div-block-5 {
  margin-bottom: 0px;
  margin-left: 40px;
}

.circle {
  position: static;
  display: -ms-grid;
  display: grid;
  width: 200px;
  height: 200px;
  margin: auto;
  padding: 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 300px;
  background-color: #fff;
  box-shadow: 0 8px 20px 8px #102823;
}

.circle.big {
  width: 260px;
  height: 260px;
  padding: 100px 80px 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  box-shadow: 0 8px 20px 8px hsla(0, 0%, 70%, 0.8);
  color: transparent;
}

.circle.big.w--current {
  box-shadow: 0 8px 20px 8px rgba(16, 40, 35, 0.6);
}

.circle.big.green {
  border-style: none;
  background-color: #fff;
  box-shadow: 0 8px 20px 8px #102823;
}

.circle.project-stages {
  width: 150px;
  height: 150px;
  margin-top: -33px;
  padding: 0px;
  border-style: dashed;
  background-color: transparent;
  box-shadow: none;
}

.circle.dark {
  box-shadow: 0 8px 20px 8px #102823;
}

.circle.small {
  box-shadow: 0 8px 20px 8px #b3b3b3;
}

.circle.small.green {
  box-shadow: 0 8px 20px 8px #102823;
}

.image-10 {
  display: inline-block;
  width: 60px;
}

.div-block-7 {
  display: inline-block;
}

.div-block-8 {
  max-width: 240px;
  padding-top: 0px;
  text-align: center;
}

.image-11 {
  width: 30px;
  margin-right: 40px;
}

.logos {
  margin-top: 40px;
}

.image-12 {
  position: static;
  display: block;
  width: auto;
  height: auto;
  max-height: 360px;
  max-width: none;
  -o-object-fit: fill;
  object-fit: fill;
}

.tabellenkopf {
  height: 36px;
  margin-bottom: 20px;
  padding: 3px 10px 10px;
  background-color: #102823;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.div-block-9 {
  margin-top: 60px;
}

.marginalspalte {
  margin-top: 60px;
}

.gestalter {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.div-block-10 {
  display: inline-block;
  margin-top: 20px;
  margin-left: 120px;
  text-align: left;
}

.div-block-10._3 {
  display: none;
}

.div-block-11 {
  max-width: 700px;
  border-style: none;
  border-width: 1px;
  border-color: #fff;
}

.grid-5 {
  -ms-grid-columns: 0.25fr 1fr;
  grid-template-columns: 0.25fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-block-13 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  width: 40px;
  margin: 50px auto auto;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}

.div-block-14 {
  max-width: 700px;
}

.quote {
  padding-bottom: 40px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.5em;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.02em;
}

.div-block-15 {
  display: inline-block;
  margin-left: 40px;
}

.div-block-15.impressum {
  display: block;
}

.div-block-16 {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-17 {
  display: block;
}

.div-block-18 {
  display: inline-block;
  margin-top: 0px;
}

.div-block-18.grafik {
  padding-top: 40px;
}

.teasertext {
  max-width: 800px;
  margin-bottom: 0px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
}

.teasertext.stage {
  padding-top: 40px;
}

.teasertext.stage.leistungen {
  margin-left: 40px;
}

.section-leistungen-stage {
  height: 500px;
  background-image: url('../images/picture_leistungen_stage.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.logo {
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-14 {
  margin-right: 40px;
}

.bold-text-7 {
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
}

.marginale {
  padding-top: 36px;
}

.teaser-5 {
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 700;
}

.teaser-5.color-white {
  padding-bottom: 20px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 700;
}

.list-item {
  margin-bottom: 5px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 14px;
}

.list-item-2 {
  margin-bottom: 5px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 14px;
}

.list {
  padding-left: 0px;
}

.bold-text-8 {
  color: #37816e;
}

.div-block-101 {
  position: static;
  display: block;
  margin-left: 40px;
}

.image-17 {
  margin-right: 40px;
}

.names {
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Roboto, Arial, sans-serif;
  color: #102823;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

.list-2 {
  padding-left: 0px;
  list-style-type: disc;
}

.list-item-3 {
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}

.wg-selector-3-line {
  position: relative;
  overflow: hidden;
  width: 2rem;
  height: 2px;
}

.wg-element-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wg-selector3-text-lang2 {
  font-family: Roboto, Arial, sans-serif;
  color: #37816e;
  font-size: 16px;
  text-transform: uppercase;
}

.wg-selector3-text-lang2:active {
  color: #102823;
}

.wg-selector3-text-lang2.s2:hover {
  color: #102823;
}

.wg-code {
  display: none;
}

.wg-selector3-text-lang1 {
  font-family: Roboto, Arial, sans-serif;
  color: #37816e;
  font-size: 16px;
  text-transform: uppercase;
}

.wg-selector3-text-lang1:hover {
  color: #102823;
}

.wg-selector3-text-lang1:active {
  color: #102823;
}

.wg-selector-3-line-fill {
  width: 100%;
  height: 100%;
  background-color: #000;
}

.wg-selector-3-line-fill.f2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  background-color: #ef7e12;
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}

.wg-selector-3-line-fill.f1 {
  position: relative;
  color: #37816e;
}

.wg-element {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-left: 40px;
  padding-right: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.wg-selector-3 {
  position: relative;
  overflow: hidden;
  padding: 10px;
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.wg-selector-3.w--current {
  cursor: default;
}

.wg-selector-3.s1 {
  color: #ff6640;
}

.grid-6 {
  display: block;
  max-width: 800px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.grid-7 {
  display: block;
}

.text-block-15 {
  max-width: 700px;
  margin-bottom: 60px;
  margin-left: 40px;
  padding-top: 60px;
  font-family: Roboto, Arial, sans-serif;
  color: #282928;
  font-size: 15px;
  line-height: 1.6em;
}

.image-18 {
  max-width: 800px;
  padding-top: 40px;
}

.faq-question-wrap {
  margin-bottom: 24px;
  padding: 32px;
  background-color: #102823;
  background-image: url('../images/icon_working_capital_management_transparent.svg');
  background-position: 0% 0%;
  background-size: 100px;
  background-repeat: no-repeat;
  box-shadow: 4px 4px 16px -1px rgba(16, 40, 35, 0.8);
  cursor: pointer;
}

.faq-question-wrap._1 {
  background-image: url('../images/icon_working_capital_management_transparent_2.svg');
  background-position: 0px 0px;
  background-size: 220px;
}

.faq-question-wrap._2 {
  background-image: url('../images/icon_finanzielle_restrukturierung_transparent_1.svg');
  background-size: 220px;
}

.faq-question-wrap._3 {
  background-image: url('../images/icon_operative_restrukturierung_transparent_1.svg');
  background-size: 220px;
}

.faq-question-wrap._4 {
  background-image: url('../images/icon_strategische_neupositionierung_transparent_1.svg');
  background-size: 220px;
}

.faq-question-wrap._5 {
  background-image: url('../images/icon_organisation_fuehrung_transparent_1.svg');
  background-size: 220px;
}

.faq-question-wrap._6 {
  background-image: url('../images/icon_m_a_transparent_1.svg');
  background-size: 220px;
}

.faq-question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #0d0e10;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.question-title {
  height: auto;
  margin-top: 0px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.faq-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: transparent;
}

.plus-icon {
  color: #37816e;
}

.faq-content {
  overflow: hidden;
  color: #b1bac8;
}

.faq-paragraph {
  margin-bottom: 0px;
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 10px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.list-item-4 {
  padding-left: 20px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
}

.list-3 {
  margin-left: 15px;
  padding-top: 20px;
  padding-left: 0px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
}

.bold-text-9 {
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 36px;
}

.list-item-5 {
  padding-left: 20px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
}

.list-item-6 {
  padding-left: 20px;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
}

.leistung-title {
  height: 50px;
}

.leistungtitle {
  background-color: #102823;
}

.titleleistungen {
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.uebergreifend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 120px;
  max-width: none;
  min-width: auto;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 0px;
  font-family: Roboto, Arial, sans-serif;
  color: #37816e;
  text-transform: uppercase;
}

.grid-8 {
  margin-top: 40px;
  margin-bottom: 100px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.uebergreifend-kiste {
  border-style: none;
  border-width: 1px;
  border-color: #37816e;
  border-radius: 0px;
}

.text-block-16 {
  display: inline-block;
}

.text-block-17 {
  position: static;
  display: inline-block;
  margin: auto 20px;
}

.image-19 {
  margin: 20px;
}

.bold-text-10 {
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  font-size: 20px;
}

.text-block-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.text-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Roboto, Arial, sans-serif;
  text-align: center;
}

.grid-9 {
  grid-row-gap: 20px;
}

@media screen and (min-width: 1920px) {
  .container-default {
    max-width: 1230px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .container-default.treofan {
    text-align: center;
  }

  .container-default.treofan.intro {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-default.people-detail {
    display: block;
    height: auto;
    max-width: 1230px;
  }

  .container-default.intro {
    max-width: 900px;
    margin-top: 220px;
    margin-bottom: 60px;
    padding-top: 0px;
  }

  .container-default.intro.team-detail {
    max-width: 1230px;
    margin-top: 60px;
    padding-top: 0px;
  }

  .container-default.intro.tablet {
    margin-top: 140px;
  }

  .container-default.team {
    margin-top: 20px;
  }

  .typography-container {
    padding-top: 0px;
  }

  .paragraph-large.achivement {
    padding-bottom: 40px;
  }

  .paragraph-large.intro {
    max-width: 700px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: 0px;
    text-align: left;
  }

  .paragraph-large.text-center {
    padding-bottom: 20px;
  }

  .header {
    max-width: none;
    margin-right: 0px;
    margin-left: 0px;
  }

  .header-logo {
    position: static;
  }

  .nav-link.footer-nav-link {
    color: #fff;
  }

  .nav-link.footer-nav-link.w--current {
    color: #fff;
  }

  .footer {
    background-color: #102823;
  }

  .footer-logo {
    position: static;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    max-width: 85%;
    margin-left: 0px;
    float: right;
  }

  .page-wrapper {
    height: auto;
    max-height: 99.999995474%;
  }

  .section.home-hero {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section.cta {
    background-image: url('../images/210623_Pattern_Bickel_und_Company_rgb.svg');
    background-position: 0% 50%;
    background-size: auto;
  }

  .section.about-hero {
    padding-bottom: 100px;
  }

  .section.team-members {
    padding-top: 60px;
  }

  .section.contact {
    background-color: #215045;
    color: #215045;
  }

  .section.gestalter {
    padding-top: 30px;
  }

  .input.password {
    font-family: roboto, Arial, sans-serif;
  }

  ._404-title {
    font-family: roboto, Arial, sans-serif;
  }

  .container-header {
    max-width: 1324px;
  }

  .split-content.team-right {
    display: inline-block;
    margin-left: 0px;
  }

  .brand {
    position: static;
    margin-right: 0px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .home-hero-box {
    max-width: 900px;
    padding-top: 140px;
    padding-bottom: 0px;
    text-align: center;
  }

  .image.team {
    position: static;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: block;
    height: auto;
    max-width: 1230px;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .container-small-557px.home-practice-areas {
    max-width: 800px;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .card.practice-area-card {
    background-color: #215045;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 2px 4px 0 rgba(0, 0, 0, 0.01), 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 33px 69px 0 #102823;
  }

  .image-wrapper.practice-area-card-icon-wrapper {
    width: 200px;
  }

  .image-wrapper.team {
    position: absolute;
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .paragraph {
    text-align: left;
  }

  .paragraph.text-center {
    text-align: center;
  }

  .cta-box {
    position: static;
    display: block;
    max-width: 800px;
  }

  .title.home-hero {
    max-width: none;
    margin-top: 0px;
  }

  .small-print {
    color: #fff;
  }

  .achievements-grid {
    margin-bottom: 100px;
    padding-top: 20px;
  }

  .practice-areas-grid {
    margin-top: 100px;
    padding-top: 0px;
  }

  .practice-areas-grid.zwei {
    padding-top: 0px;
  }

  .contact-directly-links-wrapper {
    margin-top: 60px;
  }

  .team-about-wrapper {
    margin-top: 0px;
  }

  .page-section-offset {
    top: -150px;
    height: 150px;
  }

  .heading.color-white {
    font-size: 60px;
  }

  .heading.color-white.text-center {
    margin-top: 140px;
  }

  .heading-2 {
    display: block;
    max-width: 900px;
    padding-bottom: 20px;
  }

  .heading-2.leistungen {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-2.color-white.text-center.innercircle {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 50px;
  }

  .heading-2.color-white.trans.left {
    text-align: left;
  }

  .heading-2.text-center {
    max-width: 900px;
    margin-top: 0px;
  }

  .heading-3.color-white {
    text-align: left;
  }

  .heading-5 {
    display: inline-block;
    font-size: 18px;
    text-align: center;
  }

  .background-video {
    position: static;
    height: 100%;
    max-width: none;
    margin-bottom: 0px;
    float: none;
    clear: both;
  }

  .image-3 {
    position: relative;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: auto;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: -200px;
    padding-top: 0px;
  }

  .section-3 {
    height: 600px;
  }

  .section-3.walter {
    height: 600px;
    max-width: 2200px;
    background-image: url('../images/210629_Portrait_Walter_Bickel_web_rgb_sw_3.jpg');
    background-position: 50% 50%;
    background-size: cover;
  }

  .section-3.johann {
    max-width: 2200px;
  }

  .section-3.marco {
    max-width: 2200px;
  }

  .section-3.boris {
    max-width: 2200px;
  }

  .section-3.manuel {
    max-width: 2200px;
  }

  .section-3.mario {
    max-width: 2200px;
  }

  .section-3.peter {
    max-width: 2200px;
    background-position: 50% 50%;
    background-size: cover;
  }

  .image-4.out {
    display: block;
  }

  .link-2 {
    display: block;
  }

  .link-2.out {
    display: block;
  }

  .section-5 {
    padding-bottom: 0px;
  }

  .paragraph-8 {
    color: #fff;
    font-size: 18px;
  }

  .paragraph-8.color-white {
    max-width: 900px;
    color: #fff;
    text-align: left;
  }

  .grid-4.people-cvs {
    margin-top: 20px;
  }

  .image-5.zwei.start {
    margin-top: 0px;
  }

  .div-block-2.bildmarke-3 {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .arrow-right.cases {
    margin-left: 0px;
  }

  .div-block-4 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .div-block-4.cases {
    margin-left: 0px;
  }

  .image-9 {
    opacity: 0.3;
  }

  .div-block-5 {
    margin-bottom: 100px;
  }

  .circle.project-stages {
    display: block;
  }

  .tabellenkopf {
    background-color: #102823;
    color: #fff;
    font-weight: 700;
  }

  .div-block-13 {
    display: block;
    height: 40px;
    margin-top: 0px;
  }

  .teasertext {
    text-align: left;
  }

  .div-block-102 {
    text-align: left;
  }

  .faq-question-wrap {
    background-image: url('../images/icon_strategische_neupositionierung_transparent.svg');
    background-position: 0% 0%;
    background-size: 200px;
  }

  .faq-question-wrap._1 {
    background-image: url('../images/icon_working_capital_management_transparent_1.svg');
    background-size: 220px;
  }

  .faq-question-wrap._2 {
    background-image: url('../images/icon_finanzielle_restrukturierung_transparent.svg');
    background-size: 220px;
  }

  .faq-question-wrap._3 {
    background-image: url('../images/icon_operative_restrukturierung_transparent.svg');
  }

  .faq-question-wrap._5 {
    background-image: url('../images/icon_organisation_fuehrung_transparent.svg');
  }

  .faq-question-wrap._6 {
    background-image: url('../images/icon_m_a_transparent.svg');
  }

  .leistungtitle {
    background-color: #102823;
  }

  .titleleistungen {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    margin-bottom: 25px;
    font-size: 50px;
  }

  h2 {
    font-size: 35px;
  }

  blockquote {
    padding: 62px 67px;
    font-size: 22px;
  }

  .container-default.checkout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container-default.treofan.intro {
    padding-top: 0px;
    padding-left: 20px;
  }

  .container-default.treofan.intro.tablet {
    padding-left: 40px;
  }

  .container-default.treofan.intro.phone {
    padding-left: 40px;
  }

  .container-default.intro {
    margin-top: -160px;
  }

  .container-default.intro.tablet {
    margin-top: -48px;
  }

  .container-default.team {
    padding-top: 100px;
  }

  .container-default.team.beirat {
    padding-top: 20px;
  }

  .typography-container {
    padding-top: 0px;
    padding-bottom: 40px;
  }

  .paragraph-large.home-hero {
    max-width: 694px;
    margin-bottom: 40px;
  }

  .button-primary.header-button {
    padding: 18px 24px;
  }

  .header-navigation {
    margin-right: 24px;
    margin-left: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
  }

  .nav-item-wrapper {
    margin-right: 0px;
    margin-bottom: 25px;
  }

  .nav-link {
    font-size: 24px;
  }

  .nav-link.footer-nav-link {
    margin-right: 10px;
    padding-left: 0px;
  }

  .menu-button {
    position: relative;
    overflow: hidden;
    width: 55px;
    height: 55px;
    min-width: 55px;
    margin-left: 15px;
    padding: 0px;
    border-radius: 1000px;
    background-color: #215045;
    -webkit-transition: background-color 350ms ease;
    transition: background-color 350ms ease;
    color: #fff;
    font-size: 30px;
  }

  .menu-button:hover {
    background-color: #102823;
  }

  .menu-button.w--open {
    background-color: #102823;
  }

  .nav-menu {
    overflow: auto;
    height: 100vh;
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #fff;
    box-shadow: 0 33px 69px 0 rgba(0, 0, 0, 0.02), 0 14px 29px 0 rgba(0, 0, 0, 0.01), 0 7px 15px 0 rgba(0, 0, 0, 0.01), 0 4px 9px 0 rgba(0, 0, 0, 0.01), 0 2px 5px 0 rgba(0, 0, 0, 0.01), 0 1px 2px 0 rgba(0, 0, 0, 0.01);
  }

  .footer {
    padding-bottom: 17px;
  }

  .footer-logo-container {
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .section {
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .section.home-hero {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section.home-practice-areas {
    padding-top: 100px;
    padding-bottom: 0px;
  }

  .section.about-hero {
    padding-top: 64px;
    padding-bottom: 85px;
  }

  .section.blog-newsletter {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .section.team-members {
    padding-top: 64px;
  }

  .section.package {
    padding-top: 64px;
  }

  .section.contact {
    padding-top: 72px;
    padding-bottom: 60px;
  }

  .section.blog-post {
    padding-top: 41px;
    padding-bottom: 127px;
  }

  .section.team {
    padding-top: 41px;
    padding-bottom: 80px;
  }

  .section.packages-category {
    padding-top: 64px;
    padding-bottom: 128px;
  }

  .section.blog-category {
    padding-top: 64px;
  }

  .section.gestalter {
    padding-bottom: 60px;
  }

  .divider.package-card {
    width: 1px;
    height: auto;
    margin: 0px 20px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .divider.package {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .divider.card-blog-post-top-content {
    margin-top: 40px;
  }

  .divider.card-about-author {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .split-content.contact-left {
    max-width: 576px;
    margin-right: 0px;
    margin-bottom: 40px;
  }

  .split-content.about-blog-post-right {
    font-size: 16px;
  }

  .split-content.team-right {
    margin-left: 20px;
  }

  .split-content.team-right.beirat {
    margin-left: 0px;
  }

  .split-content.blog-category-left {
    margin-right: 0px;
  }

  .split-content.blog-category-right {
    margin-bottom: 0px;
  }

  .split-content.checkout-left {
    margin-right: 0px;
    margin-bottom: 40px;
  }

  .split-content.checkout-right {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .brand {
    margin-right: 0px;
  }

  .home-hero-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
  }

  .home-hero-box {
    position: static;
    margin-top: 60px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 40px 0px 62px;
    text-align: center;
  }

  .home-practice-areas-grid {
    margin-bottom: 50px;
  }

  .home-practice-areas-grid.phone.rollen-mobile {
    margin-bottom: 0px;
    padding-bottom: 50px;
  }

  .home-practice-areas-grid.leistungen.tablet-hoch {
    padding-right: 40px;
    padding-left: 40px;
  }

  .home-practice-areas-grid.mobile.tablet-hoch {
    padding-right: 40px;
    padding-left: 40px;
  }

  .card.practice-area-card {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .card.practice-area-card.projets.zweispaltig {
    padding-bottom: 20px;
  }

  .card.testimonials {
    position: relative;
    z-index: 1;
    width: auto;
    margin-right: 100px;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .card.package {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .card.get-package {
    display: none;
  }

  .card.get-package.mobile {
    position: static;
    display: block;
    min-width: auto;
  }

  .card.blog-post-top-content {
    margin-bottom: 72px;
    padding-top: 40px;
    padding-right: 41px;
    padding-left: 41px;
  }

  .card.about-author {
    margin-top: 63px;
    padding: 50px 70px 40px;
  }

  .image-wrapper.practice-area-card-icon-wrapper {
    margin-bottom: 0px;
  }

  .image-wrapper.testimonials {
    max-width: 74%;
    margin-top: -392px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .image-wrapper.testimonial-picture {
    margin-right: 20px;
  }

  .image-wrapper.about-blog-post-author {
    width: 61px;
    height: 61px;
    min-width: 61px;
    margin-right: 20px;
  }

  .image-wrapper.about-author {
    margin-right: 30px;
  }

  .paragraph {
    padding-left: 0px;
  }

  .paragraph.cta {
    margin-bottom: 20px;
  }

  .paragraph.testimonial {
    margin-bottom: 20px;
  }

  .paragraph.color-white {
    margin-left: 20px;
    padding-right: 40px;
  }

  .paragraph.color-white.synteh {
    margin-top: 20px;
  }

  .paragraph.color-white.tablet-hoch {
    margin-left: 0px;
  }

  .paragraph.zehn {
    margin-left: 20px;
    padding-left: 0px;
  }

  .cta-box {
    padding: 38px 41px 41px 64px;
  }

  .top-content.more-articles {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .top-content.blog-category {
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .container-medium-665px.testimonials {
    margin-bottom: 40px;
  }

  .testimonials-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .title.package-about {
    margin-bottom: 20px;
  }

  .title.home-hero {
    max-width: 694px;
  }

  .title.home-hero.team {
    margin-left: 20px;
  }

  .title.blog-post {
    max-width: 657px;
    font-size: 34px;
  }

  .title.category {
    font-size: 50px;
  }

  .small-print-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .small-print {
    display: block;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
  }

  .footer-nav-box {
    margin-top: -10px;
    margin-right: 0px;
    margin-left: 20px;
  }

  .testimonials-tabs-menu {
    margin-top: 40px;
  }

  .testimonials-tabs-content {
    padding-right: 0px;
    padding-left: 0px;
  }

  .bg.contact-1 {
    right: 0px;
    bottom: auto;
    width: 100%;
    height: 80%;
  }

  .achievements-grid {
    margin-right: 20px;
    margin-left: 20px;
  }

  .package-card-price {
    margin-bottom: 20px;
  }

  .package-card-features-grid {
    margin-bottom: 42px;
  }

  .package-body {
    margin-right: 0px;
  }

  .package-features-grid {
    margin-bottom: 40px;
  }

  .contact-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .contact-directly-links-wrapper {
    margin-left: 20px;
    padding-left: 0px;
  }

  .contact-directly-links-wrapper.mobile {
    margin-left: 60px;
  }

  .card-blog-post-content {
    padding: 40px 30px 22px;
  }

  .card-blog-post-about-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .card-blog-post-link {
    margin-right: 40px;
    margin-bottom: 10px;
  }

  .card-blog-post-date {
    margin-bottom: 10px;
  }

  .home-slide-to-down-link {
    display: block;
  }

  .home-slide-to-down-link.w--current {
    display: block;
  }

  .back-link-wrapper {
    margin-bottom: 30px;
  }

  .blog-post-content {
    margin-top: -155px;
    margin-right: 20px;
    margin-left: 20px;
  }

  .blog-post-wrapper {
    display: block;
  }

  .rich-text p {
    margin-bottom: 30px;
  }

  .rich-text h3 {
    margin-top: 50px;
  }

  .rich-text ul {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 20px;
  }

  .rich-text figure {
    margin-top: 50px;
    margin-bottom: 60px;
  }

  .rich-text figcaption {
    margin-top: 30px;
  }

  .rich-text h4 {
    margin-top: 50px;
  }

  .rich-text ol {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 20px;
  }

  .rich-text blockquote {
    margin-top: 50px;
    margin-bottom: 70px;
  }

  .rich-text h5 {
    margin-top: 50px;
  }

  .about-blog-post-author-name {
    font-size: 20px;
  }

  .card-about-author-name-wrapper {
    margin-bottom: 20px;
  }

  .team-members-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .card-team-member-content {
    padding-bottom: 20px;
  }

  .card-team-member-rol {
    font-size: 14px;
  }

  .team-name-wrapper {
    margin-bottom: 20px;
  }

  .card-package-top {
    max-width: 45%;
  }

  .packages-category-grid {
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .checkout-form {
    padding-top: 70px;
    padding-bottom: 144px;
  }

  .checkout-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .rich-text-style-guide p {
    margin-bottom: 30px;
  }

  .rich-text-style-guide h3 {
    margin-top: 50px;
  }

  .rich-text-style-guide ul {
    padding-left: 20px;
  }

  .rich-text-style-guide figcaption {
    margin-top: 30px;
  }

  .rich-text-style-guide h4 {
    margin-top: 50px;
  }

  .rich-text-style-guide ol {
    padding-left: 20px;
  }

  .rich-text-style-guide blockquote {
    padding: 20px;
  }

  .rich-text-style-guide h5 {
    margin-top: 50px;
  }

  .menu-button-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25px;
    height: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .menu-line-top {
    max-height: 2px;
    min-height: 2px;
    padding: 0px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: #fff;
  }

  .menu-line-middle {
    max-height: 2px;
    min-height: 2px;
    padding: 0px;
    background-color: #fff;
  }

  .menu-line-bottom {
    max-height: 2px;
    min-height: 2px;
    padding: 0px;
    background-color: #fff;
  }

  .menu-button-icon-wrapper {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .heading.color-white.text-center {
    font-size: 46px;
  }

  .heading-2 {
    margin-bottom: 40px;
    padding-bottom: 0px;
    padding-left: 0px;
  }

  .heading-2.leistungen {
    padding-bottom: 20px;
  }

  .heading-2.color-white {
    padding-right: 40px;
  }

  .heading-2.color-white.text-center.innercircle {
    display: block;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
  }

  .heading-2.color-white.text-center.innercircle.first.five {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .heading-2.color-white.text-center.innercircle.first.five.tablet-hoch {
    padding-left: 0px;
  }

  .heading-2.color-white.text-center.innercircle.tablet-hoch {
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-2.color-white.trans {
    margin-bottom: 20px;
  }

  .heading-2.text-center.center {
    margin-right: auto;
    margin-left: auto;
  }

  .heading-2.phone.center {
    margin-right: auto;
    margin-left: auto;
  }

  .heading-2.mobile {
    margin-left: 0px;
  }

  .heading-2.cvs.tablet-hoch {
    margin-bottom: 0px;
  }

  .heading-2.tablet-hoch {
    margin-bottom: 0px;
  }

  .heading-3 {
    display: inline-block;
  }

  .heading-3.color-white {
    margin-left: 20px;
  }

  .heading-3.color-white.tablet-hoch {
    margin-left: 0px;
  }

  .tag {
    font-size: 10px;
  }

  .heading-4 {
    margin-top: 0px;
    font-size: 18px;
  }

  .heading-4.color-white {
    padding-left: 40px;
  }

  .heading-4.color-white.phone.stage {
    padding-left: 0px;
  }

  .heading-4.color-white.mobile {
    padding-left: 0px;
  }

  .background-video {
    position: static;
    display: block;
    height: 100px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .image-3 {
    display: none;
    margin-top: -160px;
  }

  .text-block-14 {
    font-size: 18px;
  }

  .grid.people {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 60px;
  }

  .grid.people.phone {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .section-3.projekte {
    height: 600px;
  }

  .section-3.projekte._3 {
    height: 600px;
  }

  .section-3.projekte.zwei {
    height: 600px;
  }

  .section-3.walter {
    height: 500px;
  }

  .section-5 {
    padding-bottom: 0px;
  }

  .paragraph-8.color-white {
    margin-bottom: 0px;
  }

  .paragraph-8.color-white.tablet {
    margin-left: 20px;
  }

  .paragraph-8.color-white.tablet-text {
    margin-left: 20px;
  }

  .grid-4.people-cvs {
    display: -ms-grid;
    display: grid;
    padding-right: 20px;
    padding-left: 20px;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr 0.5fr;
    grid-template-columns: 1fr 0.5fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .image-5.zwei {
    height: 200px;
  }

  .image-5.zwei.start {
    height: 200px;
  }

  .image-5.rotate {
    height: 250px;
    margin-top: 60px;
  }

  .image-5.erstes {
    height: 200px;
  }

  .image-9 {
    height: 40px;
    margin-left: 20px;
  }

  .circle.project-stages {
    display: block;
  }

  .image-10 {
    width: 60px;
  }

  .logos {
    margin-top: 0px;
  }

  .image-12 {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-10 {
    margin-left: 100px;
  }

  .div-block-10.tablet-hoch {
    margin-left: 0px;
  }

  .grid-5 {
    padding-left: 20px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .div-block-14 {
    margin-left: 20px;
  }

  .div-block-15 {
    display: none;
  }

  .image-14 {
    margin-right: 20px;
  }

  .marginale {
    padding-top: 20px;
  }

  .image-17 {
    padding-right: 20px;
  }

  .link-block-2 {
    margin-left: 20px;
  }

  .div-block-102.tablet-hoch {
    margin-left: 20px;
  }

  .wg-element-wrapper.sw4 {
    margin-bottom: 100px;
    margin-left: 65px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .wg-element-wrapper.sw4.tablet {
    margin-left: 0px;
  }

  .wg-element {
    width: 50%;
  }

  .faq-question-wrap {
    padding-right: 20px;
    padding-left: 20px;
  }

  .faq-question-wrap._6 {
    display: block;
  }

  .uebergreifend {
    width: 720px;
    height: 80px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .grid-8 {
    margin-right: 20px;
    margin-left: 20px;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid-9 {
    margin-right: 20px;
    margin-left: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 21px;
    font-size: 42px;
  }

  h2 {
    font-size: 29px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  blockquote {
    padding: 52px 38px;
    font-size: 20px;
  }

  .color-white.title {
    font-size: 32px;
  }

  .container-default.treofan.intro {
    margin-top: 0px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .paragraph-large.home-hero {
    max-width: 540px;
  }

  .paragraph-large.intro {
    font-size: 16px;
  }

  .paragraph-large.intro.beirat {
    max-width: 500px;
  }

  .paragraph-large.text-center.tablet {
    padding-top: 20px;
    font-size: 18px;
  }

  .button-primary.header-button {
    display: none;
  }

  .footer-logo-container {
    display: block;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }

  .footer-logo {
    margin-bottom: 0px;
  }

  .section {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .section.home-hero {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section.cta {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .section.testimonials {
    padding-bottom: 0px;
  }

  .section.about-hero {
    padding-top: 20px;
    padding-bottom: 68px;
  }

  .section.blog-newsletter {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.team-members {
    padding-top: 51px;
  }

  .section.package {
    padding-top: 51px;
  }

  .section.contact {
    padding-top: 58px;
    padding-bottom: 20px;
  }

  .section.blog-post {
    padding-top: 33px;
    padding-bottom: 102px;
  }

  .section.team {
    padding-top: 33px;
    padding-bottom: 64px;
  }

  .section.packages-category {
    padding-top: 51px;
    padding-bottom: 102px;
  }

  .section.blog-category {
    padding-top: 51px;
  }

  .section.projekte {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .utility-page-content-password {
    padding-right: 32px;
    padding-left: 32px;
  }

  ._404-title {
    font-size: 150px;
  }

  .divider.package-card {
    width: 100%;
    height: 1px;
    margin: 28px 0px;
  }

  .divider.package {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .divider.card-blog-post-top-content {
    margin-top: 30px;
  }

  .divider.card-about-author {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .container-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .split-content.header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
  }

  .split-content.more-articles-left {
    margin-bottom: 20px;
  }

  .split-content.checkout-left {
    margin-bottom: 40px;
  }

  .home-hero-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center;
  }

  .home-hero-box {
    margin-right: 0px;
    margin-left: 0px;
    padding: 40px 20px 50px;
  }

  .image.testimonials {
    display: none;
  }

  .image.package-feature {
    margin-right: 8px;
  }

  ._2-buttons {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  ._2-buttons._404 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .container-small-557px.home-practice-areas {
    margin-left: 0px;
    text-align: left;
  }

  .home-practice-areas-grid {
    display: -ms-grid;
    display: grid;
    margin-bottom: 40px;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto minmax(auto, 0.5fr);
    grid-template-rows: auto minmax(auto, 0.5fr);
  }

  .home-practice-areas-grid.phone {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto minmax(auto, 0.5fr);
    grid-template-rows: auto minmax(auto, 0.5fr);
  }

  .home-practice-areas-grid.leistungen {
    padding-right: 40px;
    padding-left: 40px;
  }

  .home-practice-areas-grid.mobile {
    padding-right: 40px;
    padding-left: 40px;
  }

  .card.practice-area-card {
    padding-right: 40px;
  }

  .card.practice-area-card.projets.zweispaltig {
    grid-auto-flow: row dense;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .card.testimonials {
    max-width: 100%;
    margin-right: 0px;
  }

  .card.blog-newsletter {
    padding: 50px 40px 59px;
  }

  .card.package {
    padding-top: 32px;
    padding-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .card.get-package.mobile {
    padding-right: 30px;
    padding-left: 30px;
  }

  .card.faq {
    margin-bottom: 22px;
  }

  .card.blog-post-top-content {
    margin-bottom: 58px;
    padding: 35px 33px 20px;
  }

  .card.about-author {
    display: block;
    margin-top: 50px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .card.team-member {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .card._404 {
    padding: 20px 40px 50px;
  }

  .card.checkout-about {
    padding-top: 54px;
    padding-bottom: 60px;
  }

  .card.default {
    padding: 50px 40px;
  }

  .image-wrapper.practice-area-card-icon-wrapper {
    margin-bottom: 20px;
  }

  .image-wrapper.practice-area-card-icon-wrapper.logo {
    display: block;
    height: auto;
    margin-bottom: 0px;
  }

  .image-wrapper.testimonials {
    max-width: 100%;
    margin-top: 0px;
  }

  .image-wrapper.testimonial-picture {
    margin-right: 15px;
  }

  .image-wrapper.about-author {
    width: 96px;
    height: 96px;
    min-width: 96px;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .image-wrapper.card-team-member {
    max-width: none;
  }

  .paragraph {
    font-size: 14px;
  }

  .paragraph.testimonial {
    text-align: left;
  }

  .paragraph.package-description {
    margin-bottom: 20px;
  }

  .paragraph.color-white {
    margin-left: 0px;
    padding-right: 40px;
  }

  .paragraph.color-white.treofan {
    padding-left: 20px;
  }

  .paragraph.color-white.kuka {
    padding-left: 20px;
  }

  .paragraph.color-white.synteh {
    margin-top: 20px;
  }

  .paragraph.zehn {
    margin-right: 20px;
  }

  .cta-box {
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 51px;
  }

  .top-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .top-content.more-articles {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .container-medium-665px.testimonials {
    margin-left: 0px;
    text-align: left;
  }

  .title.package-card-name {
    font-size: 21px;
  }

  .title.package {
    margin-bottom: 15px;
  }

  .title.package-about {
    margin-bottom: 15px;
  }

  .title.home-hero {
    max-width: 511px;
  }

  .title.home-hero.team {
    margin-bottom: 20px;
  }

  .title.blog-post {
    max-width: 478px;
    font-size: 27px;
  }

  .title.card-about-author {
    font-size: 24px;
  }

  .title.team-name {
    margin-bottom: 15px;
  }

  .title.category {
    font-size: 42px;
  }

  .small-print-wrapper {
    padding-bottom: 0px;
  }

  .small-print {
    margin-top: 10px;
  }

  .footer-nav-box {
    margin-right: 40px;
  }

  .testimonials-tabs-menu {
    padding-top: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .testimonial-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .about-testimonial-job {
    font-size: 16px;
  }

  .testimonial-tab-link {
    margin-right: 20px;
  }

  .achievements-grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    grid-column-gap: 60px;
    grid-row-gap: 32px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .achievement-wrapper {
    max-width: none;
  }

  .practice-areas-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .practice-areas-grid.zwei {
    grid-column-gap: 10px;
  }

  .package-card-price {
    margin-bottom: 15px;
    font-size: 26px;
  }

  .package-card-features-grid {
    margin-bottom: 40px;
  }

  .package-features-grid {
    margin-bottom: 35px;
    grid-row-gap: 10px;
  }

  .get-package-price {
    font-size: 22px;
  }

  .get-package-compare-at-price {
    font-size: 18px;
  }

  .contact-directly-link {
    font-size: 20px;
  }

  .blog-category-link.all {
    margin-right: 15px;
  }

  .blog-category-wrapper {
    margin-right: 15px;
    padding-left: 15px;
  }

  .back-link-wrapper {
    margin-bottom: 20px;
  }

  .blog-post-content {
    margin-top: -89px;
    margin-right: 15px;
    margin-left: 15px;
  }

  .rich-text h2 {
    margin-bottom: 20px;
  }

  .rich-text p {
    margin-bottom: 24px;
  }

  .rich-text h3 {
    margin-top: 40px;
  }

  .rich-text ul {
    margin-top: 24px;
    margin-bottom: 40px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .rich-text figcaption {
    margin-top: 25px;
  }

  .rich-text h4 {
    margin-top: 40px;
  }

  .rich-text ol {
    margin-top: 24px;
    margin-bottom: 40px;
  }

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .rich-text h5 {
    margin-top: 40px;
  }

  .more-articles-grid {
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .card-about-author-name-wrapper {
    margin-bottom: 15px;
  }

  .card-about-author-rol {
    font-size: 18px;
  }

  .team-members-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .card-team-member-content {
    padding-right: 40px;
    padding-left: 40px;
  }

  .card-package-top {
    max-width: 531px;
  }

  .blog-category-grid {
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .checkout-form {
    padding-top: 56px;
    padding-bottom: 115px;
  }

  .rich-text-style-guide h2 {
    margin-bottom: 20px;
  }

  .rich-text-style-guide p {
    margin-bottom: 24px;
  }

  .rich-text-style-guide h3 {
    margin-top: 40px;
  }

  .rich-text-style-guide figcaption {
    margin-top: 25px;
  }

  .rich-text-style-guide h4 {
    margin-top: 40px;
  }

  .rich-text-style-guide h5 {
    margin-top: 40px;
  }

  .heading-2 {
    margin-bottom: 0px;
    margin-left: 40px;
  }

  .heading-2.leistungen {
    margin-left: 0px;
  }

  .heading-2.color-white {
    padding-right: 40px;
  }

  .heading-2.color-white.text-center.innercircle {
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-2.color-white.text-center.innercircle.first.five {
    padding-right: 40px;
    padding-left: 40px;
  }

  .heading-2.color-white.teaser {
    margin-left: 0px;
  }

  .heading-2.cvs {
    margin-left: 40px;
  }

  .heading-3.color-white {
    margin-left: 0px;
  }

  .heading-3.color-white.small {
    padding-left: 20px;
  }

  .heading-3.color-white.small.synte {
    padding-left: 0px;
  }

  .grid.people {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .grid.people.phone {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .section-3.walter {
    background-position: 25% 50%;
  }

  .section-3.johann {
    background-position: 40% 50%;
  }

  .section-3.boris {
    background-position: 50% 50%;
  }

  .grid-2 {
    -ms-grid-columns: 0.25fr 1fr;
    grid-template-columns: 0.25fr 1fr;
  }

  .paragraph-8.color-white.tablet-text.phone {
    margin-left: 0px;
  }

  .grid-4.people-cvs {
    grid-column-gap: 20px;
    -ms-grid-columns: 2.25fr minmax(180px, 0.25fr);
    grid-template-columns: 2.25fr minmax(180px, 0.25fr);
  }

  .image-5.rotate {
    margin-right: 0px;
  }

  .div-block-2.bildmarke-2 {
    margin-left: 100px;
  }

  .circle.project-stages {
    margin-top: 0px;
  }

  .div-block-8 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .logos {
    margin-bottom: 40px;
  }

  .image-12 {
    display: block;
    width: auto;
    height: auto;
    max-width: 480px;
    margin-top: 40px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .gestalter {
    margin-top: -100px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-10 {
    display: none;
    margin-left: 100px;
  }

  .div-block-11.synte {
    padding-left: 20px;
  }

  .grid-5 {
    margin-top: 0px;
  }

  .grid-5.eight {
    padding-left: 0px;
  }

  .teasertext.stage {
    margin-left: 40px;
    padding-right: 40px;
  }

  .marginale {
    padding-top: 14px;
  }

  .image-17 {
    max-width: 320px;
  }

  .link-block-3 {
    display: inline-block;
  }

  .div-block-102 {
    padding-left: 20px;
  }

  .div-block-102.tags {
    padding-left: 0px;
  }

  .div-block-104 {
    display: none;
    margin-right: 0px;
    margin-left: 0px;
  }

  .logolein.w--current {
    margin-right: 20px;
  }

  .wg-element-wrapper.sw4 {
    margin-left: -35px;
  }

  .wg-element-wrapper.sw4.tablet.hoch {
    margin-left: -30px;
  }

  .wg-element {
    width: 100%;
  }

  .wg-element.tablet-hoch {
    margin-left: 0px;
  }

  .text-block-15 {
    max-width: 500px;
  }

  .uebergreifend {
    width: 520px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: 18px;
    font-size: 35px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  blockquote {
    padding: 43px 20px;
    font-size: 18px;
  }

  .container-default {
    height: auto;
    margin-bottom: 20px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 16px;
  }

  .container-default.treofan.intro {
    margin-top: 0px;
    padding: 0px 20px;
  }

  .container-default.treofan.intro.phone.drei {
    padding-left: 20px;
  }

  .container-default.people-detail {
    position: static;
    display: block;
    height: 200px;
    margin-top: 0px;
    clear: both;
  }

  .container-default.intro {
    height: auto;
    margin-bottom: 100px;
  }

  .container-default.intro.team-detail {
    position: static;
    margin-top: 0px;
    margin-bottom: 60px;
  }

  .container-default.phone {
    padding-right: 10px;
    padding-left: 10px;
  }

  .typography-container {
    padding-bottom: 0px;
  }

  .paragraph-large {
    font-size: 18px;
  }

  .paragraph-large.home-hero {
    margin-bottom: 30px;
  }

  .paragraph-large.home-hero.text-center {
    font-size: 15px;
  }

  .paragraph-large.achivement {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 18px;
  }

  .paragraph-large.text-center {
    font-size: 15px;
  }

  .button-primary {
    display: block;
    padding-right: 35px;
    padding-left: 35px;
    font-size: 16px;
    letter-spacing: 0.04em;
  }

  .button-secondary {
    display: block;
    padding-right: 35px;
    padding-left: 35px;
    font-size: 16px;
    letter-spacing: 0.04em;
  }

  .header-navigation {
    margin-right: 16px;
    margin-left: 16px;
  }

  .nav-item-wrapper {
    margin-bottom: 20px;
  }

  .nav-link {
    font-size: 18px;
  }

  .nav-link.w--current {
    font-size: 18px;
  }

  .menu-button {
    width: 46px;
    height: 46px;
    min-width: 46px;
    margin-left: 10px;
    font-size: 26px;
  }

  .nav-menu {
    height: 180vh;
  }

  .footer-logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 180px;
    margin-right: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .section.home-hero {
    max-height: 800px;
    padding-bottom: 0px;
  }

  .section.home-hero.phone {
    max-height: 600px;
  }

  .section.home-practice-areas {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .section.cta {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.about-hero {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .section.team-members {
    padding-top: 60px;
  }

  .section.package {
    padding-top: 41px;
  }

  .section.contact {
    padding-top: 140px;
    padding-bottom: 0px;
  }

  .section.blog-post {
    padding-top: 26px;
    padding-bottom: 82px;
  }

  .section.team {
    padding-top: 26px;
    padding-bottom: 51px;
  }

  .section.packages-category {
    padding-top: 41px;
    padding-bottom: 82px;
  }

  .section.blog-category {
    padding-top: 41px;
  }

  .section.projekte {
    padding-top: 60px;
  }

  .section.projekte.phone {
    padding-top: 140px;
  }

  .section.gestalter {
    padding-bottom: 40px;
  }

  .section.rollen.leistungen {
    margin-right: auto;
    margin-left: auto;
  }

  .utility-page-wrap {
    padding-right: 16px;
    padding-left: 16px;
  }

  .utility-page-content-password {
    padding: 56px 20px;
  }

  .input.blog-newsletter {
    height: 46px;
    padding-right: 0px;
  }

  ._404-title {
    font-size: 120px;
  }

  .divider.package-card {
    margin-top: 23px;
  }

  .divider.package {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .divider.card-blog-post {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .divider.card-blog-post-top-content {
    margin-top: 20px;
  }

  .container-header {
    padding: 0px;
  }

  .split-content.about-blog-post-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .split-content.about-blog-post-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
  }

  .split-content.more-articles-right {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .split-content.team-right {
    position: static;
    display: block;
    margin-top: 220px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
  }

  .split-content.team-right.color-white {
    margin-top: 140px;
  }

  .split-content.team-right.beirat {
    margin-top: 100px;
  }

  .home-hero-wrapper {
    margin-top: 40px;
    text-align: center;
  }

  .home-hero-box {
    margin-right: auto;
    margin-left: auto;
    padding-top: 41px;
    padding-bottom: 40px;
  }

  .image.package-card-feature {
    margin-right: 8px;
  }

  .image.team {
    height: 600px;
  }

  ._2-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  ._2-buttons._404 {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .container-small-557px {
    padding-right: 16px;
    padding-left: 16px;
  }

  .home-practice-areas-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column dense;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto minmax(auto, 0.5fr);
    grid-template-rows: auto minmax(auto, 0.5fr);
  }

  .home-practice-areas-grid.phone {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0px;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto minmax(auto, 0.5fr);
    grid-template-rows: auto minmax(auto, 0.5fr);
  }

  .home-practice-areas-grid.phone.rollen-mobile {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto minmax(auto, 0.5fr);
    grid-template-rows: auto minmax(auto, 0.5fr);
  }

  .home-practice-areas-grid.leistungen {
    display: -ms-grid;
    display: grid;
    max-width: 300px;
    grid-auto-columns: 0.25fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: minmax(280px, 1fr);
    grid-template-columns: minmax(280px, 1fr);
    -ms-grid-rows: auto minmax(auto, 0.5fr);
    grid-template-rows: auto minmax(auto, 0.5fr);
  }

  .home-practice-areas-grid.leistungen.tablet-hoch.phone {
    padding-right: 20px;
    padding-left: 20px;
  }

  .home-practice-areas-grid.mobile {
    max-width: 300px;
  }

  .home-practice-areas-grid.mobile.tablet-hoch.phone {
    padding-right: 20px;
    padding-left: 20px;
  }

  .card.practice-area-card {
    padding: 40px 20px;
  }

  .card.practice-area-card.projets.zweispaltig {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 0.5fr;
    -ms-grid-columns: 0.25fr;
    grid-template-columns: 0.25fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .card.practice-area-card.projets.phone {
    margin-top: 20px;
  }

  .card.testimonials {
    margin-top: 60px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .card.blog-newsletter {
    padding: 40px 20px 49px;
  }

  .card.package {
    padding: 26px 20px 36px;
  }

  .card.get-package.mobile {
    padding: 33px 20px 39px;
  }

  .card.faq {
    margin-bottom: 24px;
    padding: 30px 20px 29px;
  }

  .card.blog-post-top-content {
    margin-bottom: 46px;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .card.about-author {
    margin-top: 40px;
    padding: 40px 20px 30px;
  }

  .card._404 {
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }

  .card.checkout-about {
    padding: 44px 20px 50px;
  }

  .card.default {
    padding: 40px 20px;
  }

  .practice-area-card-content {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .image-wrapper.practice-area-card-icon-wrapper {
    margin-bottom: 0px;
  }

  .image-wrapper.practice-area-card-icon-wrapper.logo {
    height: auto;
  }

  .image-wrapper.testimonial-picture {
    width: 67px;
    height: 67px;
    min-width: 67px;
    margin-right: 10px;
  }

  .image-wrapper.about-blog-post-author {
    margin-bottom: 15px;
  }

  .image-wrapper.about-author {
    width: 77px;
    height: 77px;
    min-width: 77px;
    margin-bottom: 15px;
  }

  .paragraph {
    font-size: 13px;
    white-space: normal;
  }

  .paragraph.newsletter {
    margin-bottom: 30px;
  }

  .paragraph.password {
    font-size: 16px;
  }

  .paragraph.color-white {
    display: block;
    max-width: 300px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 14px;
  }

  .paragraph.color-white.text-center {
    font-size: 12px;
  }

  .paragraph.color-white.treofan {
    padding-right: 0px;
    font-size: 14px;
  }

  .paragraph.color-white.treofan.phone {
    padding-left: 0px;
  }

  .paragraph.color-white.kuka.phone {
    padding-left: 0px;
  }

  .paragraph.color-white.footer.phone {
    margin-left: 20px;
  }

  .paragraph.text-center {
    font-size: 12px;
  }

  .paragraph.orange {
    font-size: 14px;
  }

  .cta-box {
    padding: 35px 20px;
  }

  .top-content {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .container-medium-665px {
    padding-right: 16px;
    padding-left: 16px;
  }

  .title.package-card-name {
    font-size: 18px;
  }

  .title.home-hero {
    display: block;
    clear: none;
    font-family: Roboto, Arial, sans-serif;
    font-size: 28px;
    line-height: 1.3em;
  }

  .title.category {
    font-size: 35px;
  }

  .title.card-checkout {
    margin-bottom: 10px;
  }

  .small-print-wrapper {
    display: block;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .small-print {
    text-align: center;
  }

  .footer-nav-box {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
    text-align: center;
  }

  .testimonials-tabs-menu {
    margin-top: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .about-testimonial-wrapper {
    margin-right: auto;
    margin-left: auto;
  }

  .testimonial-wrapper {
    margin-right: auto;
    margin-left: auto;
  }

  .about-testimonial-name {
    font-size: 16px;
  }

  .about-testimonial-job {
    font-size: 14px;
  }

  .about-testimonial-content {
    margin-right: auto;
    margin-left: auto;
  }

  .testimonial-tab-link {
    margin-bottom: 20px;
  }

  .achievements-grid {
    margin-top: -40px;
    grid-column-gap: 40px;
    grid-row-gap: 25px;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .achievement-wrapper {
    margin-bottom: 0px;
  }

  .blog-newsletter-input-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .blog-newsletter-submit-button {
    position: static;
    margin-top: 20px;
  }

  .practice-areas-grid.zwei {
    display: block;
    padding-top: 60px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .package-card-price {
    font-size: 23px;
  }

  .package-card-features-grid {
    margin-bottom: 30px;
  }

  .select.get-package {
    margin-bottom: 25px;
  }

  .package-features-grid {
    margin-bottom: 30px;
  }

  .get-package-price-wrapper {
    margin-bottom: 18px;
  }

  .contact-directly-link {
    font-size: 18px;
  }

  .container-small-595px {
    padding-right: 16px;
    padding-left: 16px;
  }

  .contact-directly-links-wrapper {
    margin-left: 0px;
  }

  .contact-directly-links-wrapper.mobile.phone {
    margin-left: 20px;
  }

  .card-office-link {
    font-size: 16px;
  }

  .card-blog-post-content {
    padding: 30px 20px 20px;
  }

  .card-blog-post-category {
    margin-bottom: 12px;
    font-size: 17px;
  }

  .card-blog-post-link {
    margin-right: 20px;
    font-size: 14px;
  }

  .card-blog-post-date {
    font-size: 14px;
  }

  .card-blog-post-link-arrow {
    font-size: 14px;
  }

  .blog-categories-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .blog-category-link {
    font-size: 16px;
  }

  .blog-category-link.all {
    margin-right: 10px;
  }

  .blog-category-wrapper {
    margin-right: 10px;
    padding-left: 10px;
  }

  .blog-post-content {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .rich-text h2 {
    margin-bottom: 15px;
  }

  .rich-text p {
    margin-bottom: 20px;
  }

  .rich-text h3 {
    margin-top: 35px;
  }

  .rich-text ul {
    margin-top: 20px;
    margin-bottom: 35px;
  }

  .rich-text figure {
    margin-top: 35px;
    margin-bottom: 40px;
  }

  .rich-text figcaption {
    margin-top: 20px;
  }

  .rich-text h4 {
    margin-top: 35px;
  }

  .rich-text ol {
    margin-top: 20px;
    margin-bottom: 35px;
  }

  .rich-text blockquote {
    margin-top: 35px;
    margin-bottom: 50px;
  }

  .rich-text h5 {
    margin-top: 35px;
  }

  .about-blog-post-wrapper {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .card-team-member-content {
    padding: 20px 20px 40px;
  }

  .card-team-member-rol {
    font-size: 18px;
  }

  .team-name-wrapper {
    position: static;
    margin-top: 20px;
    margin-bottom: 0px;
  }

  .team-name-wrapper.color-white {
    margin-top: auto;
  }

  .checkout-form {
    padding-top: 45px;
    padding-bottom: 92px;
  }

  .block-header {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .block-content {
    padding: 10px 20px 30px;
  }

  .checkout-required-text {
    margin-bottom: 10px;
  }

  .rich-text-style-guide h2 {
    margin-bottom: 15px;
  }

  .rich-text-style-guide p {
    margin-bottom: 20px;
  }

  .rich-text-style-guide h3 {
    margin-top: 35px;
  }

  .rich-text-style-guide figcaption {
    margin-top: 20px;
  }

  .rich-text-style-guide h4 {
    margin-top: 35px;
  }

  .rich-text-style-guide blockquote {
    display: block;
  }

  .rich-text-style-guide h5 {
    margin-top: 35px;
  }

  .heading.color-white.text-center {
    margin-top: -100px;
    font-size: 32px;
  }

  .heading-2 {
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 28px;
  }

  .heading-2.color-white {
    display: block;
    max-width: 300px;
    font-size: 28px;
  }

  .heading-2.color-white.text-center.innercircle.first.five {
    padding-top: 0px;
  }

  .heading-2.color-white.text-center.innercircle.first.five.tablet-hoch.phone {
    margin-left: auto;
    padding-right: 0px;
  }

  .heading-2.color-white.phone {
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .heading-2.color-white.phone.datenschutz {
    font-size: 22px;
  }

  .heading-2.phone {
    padding-bottom: 40px;
  }

  .heading-2.cvs.phone {
    margin-left: 20px;
  }

  .heading-2.tablet-hoch.phone {
    margin-left: 20px;
    padding-bottom: 0px;
  }

  .heading-3 {
    display: block;
  }

  .heading-3.color-white {
    font-size: 22px;
  }

  .heading-3.color-white.small {
    font-size: 18px;
  }

  .heading-3.color-white.small.phone {
    padding-left: 0px;
  }

  .heading-3.color-white.footer.phone {
    margin-left: 20px;
  }

  .tag {
    font-size: 10px;
  }

  .heading-4.color-white {
    display: block;
    margin-left: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    font-size: 18px;
    font-weight: 700;
  }

  .heading-4.color-white.phone {
    margin-left: 0px;
  }

  .heading-4.text-center {
    display: block;
    font-size: 18px;
  }

  .heading-4.phone {
    margin-left: 20px;
  }

  .heading-5 {
    padding-top: 5px;
  }

  .background-video {
    height: auto;
  }

  .counter {
    font-size: 60px;
  }

  .counter {
    margin-bottom: 20px;
  }

  .image-3 {
    display: block;
    max-width: 130%;
    margin-top: -146px;
    margin-bottom: 40px;
    margin-left: -180px;
  }

  .paragraph-4 {
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
  }

  .text-block-14 {
    font-size: 18px;
  }

  .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid.people.phone {
    display: -ms-grid;
    display: grid;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 60px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .section-3.walter {
    height: 200px;
    background-position: 50% 50%;
    background-size: cover;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .section-3.johann {
    height: 200px;
  }

  .section-3.marco {
    height: 200px;
  }

  .section-3.boris {
    height: 200px;
  }

  .section-3.manuel {
    height: 200px;
  }

  .section-3.mario {
    height: 200px;
  }

  .section-3.peter {
    height: 200px;
  }

  .grid-2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .grid-2.phone {
    margin-left: 20px;
  }

  .link-2 {
    font-size: 13px;
  }

  .link-2.out {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .grid-4 {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-grid-columns: 0.75fr;
    grid-template-columns: 0.75fr;
  }

  .grid-4.people-cvs {
    display: block;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .image-5 {
    height: 133px;
    margin-top: -200px;
  }

  .image-5.zwei.start {
    display: none;
    height: 160px;
  }

  .image-5.erstes {
    display: none;
  }

  .div-block-2 {
    margin-top: -200px;
  }

  .div-block-2.bildmarke-3.startseite {
    display: inline-block;
    max-width: 300px;
  }

  .image-8.phone {
    margin-left: 20px;
  }

  .image-9 {
    height: 50px;
  }

  .div-block-5 {
    display: block;
    margin-top: 40px;
    font-family: Roboto, Arial, sans-serif;
  }

  .div-block-5.phone {
    margin-left: 20px;
  }

  .div-block-8 {
    display: block;
    max-width: 260px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
  }

  .image-12 {
    display: block;
    max-width: 250px;
    min-width: auto;
  }

  .tabellenkopf {
    padding-right: 0px;
    padding-left: 0px;
  }

  .gestalter.phone {
    margin-top: 100px;
  }

  .div-block-10 {
    margin-left: 20px;
  }

  .grid-5 {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid-5.six {
    margin-top: 40px;
  }

  .grid-5.seven {
    margin-top: 40px;
  }

  .grid-5.eight {
    margin-top: 40px;
  }

  .div-block-14 {
    margin-left: 0px;
  }

  .quote {
    font-size: 18px;
  }

  .div-block-15 {
    display: none;
  }

  .div-block-15.impressum.phone {
    margin-left: 0px;
  }

  .div-block-18.grafik {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .teasertext {
    font-size: 18px;
  }

  .teasertext.stage.leistungen.phone {
    margin-left: 0px;
  }

  .teasertext.treofan {
    padding-bottom: 40px;
  }

  .logo.mobile {
    max-width: 240px;
  }

  .image-14 {
    max-width: 200px;
  }

  .bold-text-7 {
    font-size: 13px;
  }

  .marginale {
    margin-top: 40px;
  }

  .marginale.phone {
    margin-left: 20px;
  }

  .div-block-101.phone {
    margin-left: 0px;
  }

  .image-17 {
    max-width: 240px;
  }

  .link-block-2.phone {
    margin-left: 0px;
  }

  .div-block-102.tablet-hoch.phone {
    margin-left: 0px;
    padding-left: 0px;
  }

  .div-block-103 {
    display: none;
  }

  .div-block-105 {
    display: none;
  }

  .div-block-106 {
    display: none;
  }

  .div-block-107 {
    display: none;
  }

  .div-block-108 {
    display: none;
  }

  .link-block-4 {
    display: block;
  }

  .div-block-109 {
    display: none;
  }

  .div-block-110 {
    display: none;
  }

  .div-block-111 {
    display: none;
  }

  .div-block-112 {
    display: none;
  }

  .div-block-113 {
    display: none;
  }

  .div-block-114 {
    display: none;
  }

  .div-block-115 {
    display: none;
  }

  .div-block-116 {
    display: block;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .div-block-117 {
    display: none;
  }

  .div-block-118 {
    display: none;
  }

  .div-block-119 {
    display: none;
  }

  .div-block-120 {
    display: none;
  }

  .div-block-121 {
    display: none;
  }

  .div-block-122 {
    display: none;
  }

  .wg-element-wrapper.sw4 {
    margin-left: -60px;
  }

  .wg-element-wrapper.sw4.tablet.hoch.phone {
    margin-left: -60px;
  }

  .wg-element {
    height: 25vh;
  }

  .text-block-15.beirat {
    margin-left: 20px;
  }

  .faq-question-wrap {
    padding-right: 14px;
    padding-left: 14px;
  }

  .faq-question-wrap._1 {
    width: auto;
  }

  .faq-question-wrap._2 {
    width: auto;
  }

  .faq-question-wrap._3 {
    width: auto;
  }

  .faq-question-wrap._4 {
    width: auto;
  }

  .faq-question-wrap._5 {
    width: auto;
  }

  .faq-question-wrap._6 {
    width: auto;
  }

  .faq-circle {
    min-height: 48px;
    min-width: 48px;
  }

  .faq-paragraph {
    font-size: 16px;
  }

  .list-item-4 {
    font-size: 14px;
  }

  .bold-text-9 {
    font-size: 20px;
    line-height: 24px;
  }

  .list-item-5 {
    font-size: 14px;
  }

  .list-item-6 {
    font-size: 14px;
  }

  .leistung-title {
    display: block;
    width: auto;
  }

  .titleleistungen {
    font-size: 24px;
  }

  .titleleistungen.phone {
    font-size: 20px;
  }

  .uebergreifend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    min-width: auto;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .grid-8 {
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
  }

  .bold-text-10 {
    font-size: 16px;
    line-height: 0em;
  }

  .bold-text-10.phone {
    display: block;
    font-size: 16px;
    line-height: 1.3em;
  }

  .grid-9 {
    margin-right: 0px;
    margin-left: 0px;
  }
}

#w-node-_853b689d-b3be-b56d-d426-d5edc0d14889-b66ef24f {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-_7dd18018-cba2-50ef-f40b-f0cb659a011a-b66ef24f {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 3;
  grid-row-start: span 3;
  -ms-grid-row-span: 3;
  grid-row-end: span 3;
}

#w-node-_5bb7d675-d791-93bd-082f-ede1f13ad4b7-b66ef24f {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_9867902e-b4d7-ba91-716e-bdd524b9da57-b66ef24f {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_9867902e-b4d7-ba91-716e-bdd524b9da5e-b66ef24f {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

#w-node-_9867902e-b4d7-ba91-716e-bdd524b9da5f-b66ef24f {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_29c2f767-d317-6aa8-8f3f-aea7651f1630-b66ef24f {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_9867902e-b4d7-ba91-716e-bdd524b9da67-b66ef24f {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_9867902e-b4d7-ba91-716e-bdd524b9da6e-b66ef24f {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_0a2ad67c-860a-238f-e246-7268c2ff6957-f86ef29d {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_18046eb9-1778-42b3-2a5f-ce0a2d95edbc-f86ef29d {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_58178cdb-7938-b42c-8ad1-2f1334c7493e-f86ef29d {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_58178cdb-7938-b42c-8ad1-2f1334c7493f-f86ef29d {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_802c18a2-0b5d-ade3-aff1-0c08a5e49303-f86ef29d {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_8c30d961-c61a-2821-2cef-b812cb691d28-f86ef29d {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_0a2ad67c-860a-238f-e246-7268c2ff6957-4a6ef2a0 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_18046eb9-1778-42b3-2a5f-ce0a2d95edbc-4a6ef2a0 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_58178cdb-7938-b42c-8ad1-2f1334c7493e-4a6ef2a0 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_58178cdb-7938-b42c-8ad1-2f1334c7493f-4a6ef2a0 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_802c18a2-0b5d-ade3-aff1-0c08a5e49303-4a6ef2a0 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_8c30d961-c61a-2821-2cef-b812cb691d28-4a6ef2a0 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_0a2ad67c-860a-238f-e246-7268c2ff6957-266ef2a1 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_18046eb9-1778-42b3-2a5f-ce0a2d95edbc-266ef2a1 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-_58178cdb-7938-b42c-8ad1-2f1334c7493e-266ef2a1 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

#w-node-_58178cdb-7938-b42c-8ad1-2f1334c7493f-266ef2a1 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_802c18a2-0b5d-ade3-aff1-0c08a5e49303-266ef2a1 {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -ms-grid-column-align: auto;
  justify-self: auto;
}

@media screen and (min-width: 1920px) {
  #w-node-_9867902e-b4d7-ba91-716e-bdd524b9da6e-b66ef24f {
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-_0a2ad67c-860a-238f-e246-7268c2ff6957-f86ef29d {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    -ms-grid-column-align: auto;
    justify-self: auto;
  }

  #w-node-_0a2ad67c-860a-238f-e246-7268c2ff6957-4a6ef2a0 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    -ms-grid-column-align: auto;
    justify-self: auto;
  }

  #w-node-_0a2ad67c-860a-238f-e246-7268c2ff6957-266ef2a1 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    -ms-grid-column-align: auto;
    justify-self: auto;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_7754366c-384f-acaa-f1eb-b578a692f403-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
    -ms-grid-row: 5;
    grid-row-start: 5;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f409-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f41b-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 7;
    -ms-grid-row: 6;
    grid-row-start: 6;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f42d-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f43f-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 8;
    -ms-grid-row: 7;
    grid-row-start: 7;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f451-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f465-6c6ef26b {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 9;
    -ms-grid-row: 8;
    grid-row-start: 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7dd18018-cba2-50ef-f40b-f0cb659a011a-b66ef24f {
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-_853b689d-b3be-b56d-d426-d5edc0d1488f-b66ef24f {
    -ms-grid-column-align: start;
    justify-self: start;
  }

  #w-node-_43cbca11-f861-8598-09f0-070e9bd1d706-b66ef24f {
    -ms-grid-column-align: start;
    justify-self: start;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-_9867902e-b4d7-ba91-716e-bdd524b9da5e-b66ef24f {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }

  #w-node-_9867902e-b4d7-ba91-716e-bdd524b9da6e-b66ef24f {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-_9867902e-b4d7-ba91-716e-bdd524b9da82-b66ef24f {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_853b689d-b3be-b56d-d426-d5edc0d14889-b66ef24f {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }

  #w-node-_853b689d-b3be-b56d-d426-d5edc0d1488a-b66ef24f {
    -ms-grid-column-align: auto;
    justify-self: auto;
  }

  #w-node-_9867902e-b4d7-ba91-716e-bdd524b9da6e-b66ef24f {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }

  #w-node-_9867902e-b4d7-ba91-716e-bdd524b9da82-b66ef24f {
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
    -ms-grid-row: 4;
    grid-row-start: 4;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-286ef265 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-0c6ef266 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-1d6ef268 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-_7754366c-384f-acaa-f1eb-b578a692f3fe-6c6ef26b {
    -ms-grid-column-align: auto;
    justify-self: auto;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-ae6ef26d {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-746ef26e {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-906ef26f {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  #w-node-a66053f3-5ebd-ab02-7b09-ca8d67e051a9-196ef273 {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
}