:root {
  --primary-color: #4691b7;
  --dark-slate-blue: #015078;
  --background-blue: #0e0b2d;
  --white: white;
  --background: #03020d;
  --blue: #2729ee;
  --bright-background: rgba(234, 234, 234, .45);
  --white-body: #fbfbfb;
  --midnight-blue: #0d222d;
  --text: rgba(0, 0, 0, .7);
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

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

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

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

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

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

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

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

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

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

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

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

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

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

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

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

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

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

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

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

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

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

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

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

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

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

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

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

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

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

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

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

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

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

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

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

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

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

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

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-layout-blockcontainer {
    max-width: none;
  }
}

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

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: rgba(255, 255, 255, .7);
  background-color: #03020d;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h2 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--primary-color);
  text-decoration: underline;
}

img {
  max-width: 100%;
  border-radius: 30px;
  display: inline-block;
}

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

.navbar {
  z-index: 99;
  background-color: var(--dark-slate-blue);
  padding: 10px 1rem;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.container {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container.hero {
  align-self: auto;
  align-items: flex-end;
  display: block;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-logo-image {
  max-width: 80px;
}

.nav-menu-wrapper {
  align-items: center;
  display: flex;
}

.nav-link {
  color: rgba(255, 255, 255, .8);
  margin-right: 35px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

.nav-link.w--current {
  color: #4691b7;
  -webkit-text-stroke-color: #4691b7;
}

.nav-link.mr0 {
  margin-right: 0;
}

.navbar-right-content {
  align-items: center;
  display: flex;
}

.get-started-button {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #2729ee;
  border-radius: 15px;
  padding: 15px 35px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.get-started-button.for-checkout {
  height: 50px;
}

.get-started-button.desktop {
  color: #fff;
  border-color: #4691b7;
  transition: all .45s;
  display: block;
}

.get-started-button.desktop:hover {
  background-color: #4691b7;
}

.hero-section {
  height: 100vh;
  background-color: var(--background);
  background-image: linear-gradient(rgba(0, 0, 0, .63), rgba(0, 0, 0, .63)), url('../images/Fels-Akademie-Arbeitsvermittlung.jpeg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.banner-text-wrapper {
  max-width: 1130px;
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-titel {
  color: var(--white);
  text-align: center;
  text-transform: none;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .21);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 61px;
  font-weight: 800;
  line-height: 72px;
}

.primary-button {
  border: 1px solid var(--blue);
  background-color: var(--primary-color);
  color: var(--white);
  border-radius: 14px;
  padding: 15px 35px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: all .45s;
}

.primary-button:hover {
  border: 1px solid var(--blue);
  background-color: #000;
}

.why-zaicryp {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 70px;
  padding-bottom: 70px;
}

.why-zaicryp-section-title-wrapper {
  max-width: 630px;
  text-align: center;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}

.why-zaicryp-section-title {
  max-width: 623px;
  color: var(--background);
  margin-top: 0;
  margin-bottom: 13px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.why-zaicryp-section-paragraph-text {
  max-width: 555px;
  color: rgba(0, 0, 0, .7);
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 26px;
}

.why-zaicryp-section-paragraph-text.left {
  max-width: 100%;
  text-align: left;
}

.why-zaicryp-grid {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.why-zaicryp-single-wrapper {
  background-color: var(--bright-background);
  border: 1px #969696;
  border-radius: 25px;
  padding: 30px 22px 50px;
}

.why-zaicryp-icon-wrapper {
  width: 115px;
  height: 115px;
  background-color: var(--background);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Fa solid 900", sans-serif;
  display: flex;
}

.why-zaicryp-icon-wrapper.font {
  background-color: var(--background);
  font-family: "Fa brands 400", sans-serif;
}

.why-zaicryp-text-wrapper {
  text-align: center;
}

.why-zaicryp-name {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Syne, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}

.why-zaicryp-paragraph-text {
  color: rgba(0, 0, 0, .7);
  text-align: left;
  margin-bottom: 0;
  padding-top: 20px;
  line-height: 26px;
}

.feature-section {
  background-color: #fbfbfb;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding: 3rem 1rem;
}

.feature-section.coaching {
  background-image: linear-gradient(rgba(255, 255, 255, .96), rgba(255, 255, 255, .96)), url('../images/Berlin.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.footer-section {
  background-image: linear-gradient(#013651, #013651);
  background-position: 0 0;
  padding: 3rem 1rem;
  position: relative;
}

.footer-top-content {
  z-index: 1;
  padding: 3rem 1rem;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-wrapper {
  justify-content: space-between;
  display: flex;
}

.footer-details-wrapper {
  width: 350px;
}

.footer-logo-img {
  max-width: 200px;
  margin-bottom: 50px;
}

.footer-details-text-wrapper {
  margin-top: 20px;
}

.footer-details-pargraph-text {
  color: rgba(255, 255, 255, .7);
  text-transform: capitalize;
  margin-bottom: 20px;
  line-height: 26px;
}

.footer-details-form-wrapper {
  position: relative;
}

.footer-details-form-block {
  margin-bottom: 0;
}

.footer-details-form-input {
  height: 60px;
  background-color: var(--midnight-blue);
  color: #fff;
  border: 1px #000;
  border-radius: 14px;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 16px;
}

.footer-details-form-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, .7);
}

.footer-details-form-input::placeholder {
  color: rgba(255, 255, 255, .7);
}

.footer-details-submit-button {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 12px;
  padding: 13px 22px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 7px;
  transform: translate(0, -50%);
}

.footer-menu-wrapper {
  width: 785px;
}

.footer-menu-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-menu-title-wrapper {
  margin-bottom: 30px;
}

.footer-menu-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.footer-menu-text-link-wrapper.mt40 {
  margin-top: 65px;
}

.footer-text-link {
  color: rgba(255, 255, 255, .8);
  margin-bottom: 1rem;
  text-decoration: none;
  display: block;
}

.footer-text-link.mb0 {
  margin-bottom: 0;
}

.footer-info-wrapper {
  border-top: 1px solid rgba(39, 41, 238, .13);
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-info-text-wrapper {
  align-items: center;
  display: flex;
}

.footer-text-block {
  color: rgba(255, 255, 255, .3);
}

.footer-arrow {
  width: 1px;
  height: 10px;
  background-color: #cacaca;
  margin-left: 10px;
  margin-right: 10px;
}

.footer-info-text-link {
  color: rgba(255, 255, 255, .3);
}

.footer-icons-wrapper {
  grid-column-gap: 15px;
  display: flex;
}

.footer-icon-link-block {
  width: 30px;
  height: 30px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-family: "Fa brands 400", sans-serif;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.footer-world-img {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.features-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.features-left-content {
  width: 460px;
  position: static;
  top: -29px;
}

.features-text-wrapper {
  margin-bottom: 0;
  padding: 15px 15px 15px 0;
}

.features-titel {
  color: var(--background);
  text-align: left;
  margin-top: 0;
  margin-bottom: 3vh;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.features-titel.center {
  text-align: center;
  margin-bottom: 40px;
}

.body-text {
  color: rgba(0, 0, 0, .7);
  text-align: left;
  margin-bottom: 2rem;
  line-height: 26px;
}

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

.body-text.b {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.body-text.b.s {
  font-weight: 600;
}

.body-text.no {
  margin-bottom: 0;
}

.body-text.small {
  margin-bottom: 1rem;
  font-size: 14px;
}

.features-right-content {
  width: 770px;
  border: 1px #000;
  border-bottom-width: 0;
  border-radius: 25px;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.features-image {
  max-width: 90%;
  border-radius: 25px;
  padding-left: 0;
}

.tab-link {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(39, 41, 238, .2);
  border-radius: 0;
  padding: 30px;
  text-decoration: none;
}

.tab-link.w--current {
  background-color: rgba(0, 0, 0, 0);
}

.tab-image-wrapper {
  border-radius: 25px;
}

.grid-image {
  width: 800px;
  border-radius: 25px;
}

.download-app-wrapper {
  background-image: linear-gradient(to bottom, transparent, var(--background-blue)), linear-gradient(to bottom, var(--dark-slate-blue), var(--dark-slate-blue));
  border-radius: 25px;
  padding-top: 85px;
  padding-bottom: 85px;
  padding-left: 110px;
  display: flex;
  position: relative;
}

.download-app-text-wrapper {
  max-width: 640px;
  text-transform: capitalize;
}

.download-app-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 17px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.banner-body-text {
  max-width: 575px;
  text-transform: none;
  margin-bottom: 0;
  line-height: 26px;
}

.button-container {
  grid-column-gap: 32px;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.button-container.center {
  justify-content: center;
}

.secondary-button {
  max-width: 100rem;
  min-width: auto;
  color: #4691b7;
  background-color: #fff;
  border-radius: 15px;
  padding: 18px 35px;
  font-size: 18px;
  font-weight: 600;
  transition: all .45s;
}

.secondary-button:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.bildungsgutschein-image {
  max-width: 240px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 135px;
  transform: translate(0, -50%);
}

.inner-banner {
  background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url('../images/Fels-Akademie-Unterricht-1800x1200.png');
  background-position: 0 0, 0%;
  background-repeat: repeat, repeat;
  background-size: auto, auto;
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.inner-banner-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.inner-banner-title-wrapper {
  text-align: center;
  margin-bottom: 10px;
}

.inner-banner-title {
  color: #fff;
  text-shadow: 0 3px 4px rgba(0, 0, 0, .5);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.inner-banner-text-link-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.inner-banner-text-link {
  color: rgba(255, 255, 255, .8);
  font-size: 18px;
  text-decoration: none;
}

.inner-banner-text-link.w--current {
  color: var(--primary-color);
}

.inner-banner-text-link-arrow {
  color: rgba(255, 255, 255, .8);
  margin-left: 7px;
  margin-right: 7px;
  font-size: 18px;
}

.our-story-section {
  padding: 3rem 1rem;
}

.our-story-section-title-wrapper {
  max-width: 100%;
  text-align: center;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}

.our-story-section-title-wrapper.center {
  max-width: 1350%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.our-story-section-text-block {
  color: #2729ee;
  margin-bottom: 16px;
  font-size: 18px;
}

.our-story-section-title {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.our-story-section-title.white {
  color: #fff;
}

.our-story-section-paragraph-text {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 0;
  line-height: 26px;
}

.our-story-section-paragraph-text.width-545 {
  max-width: 545px;
  color: rgba(0, 0, 0, .7);
  margin-left: auto;
  margin-right: auto;
}

.our-story-section-paragraph-text.width-545.left {
  width: 100%;
  max-width: none;
  text-align: left;
}

.our-story-section-paragraph-text.width-680 {
  max-width: 680px;
  color: rgba(3, 2, 13, .71);
  margin-left: auto;
  margin-right: auto;
}

.our-mission-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.our-mission-single-wrapper {
  background-color: rgba(255, 255, 255, .2);
  border-radius: 25px;
  flex-direction: column;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 40px;
  display: flex;
}

.our-mission-title {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Syne, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.our-mission-title.white {
  color: #fff;
}

.our-mission-paragraph-text {
  max-width: 517px;
  color: rgba(3, 2, 13, .56);
  margin-bottom: 0;
  line-height: 26px;
}

.our-mission-paragraph-text.white {
  color: rgba(181, 181, 181, .56);
}

.team-member-section {
  padding-bottom: 140px;
  display: none;
}

.team-collection-list {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-single-wrapper {
  width: 100%;
  text-decoration: none;
}

.team-image-wrapper {
  margin-bottom: 25px;
}

.team-image {
  width: 100%;
}

.team-details-wrapper {
  text-align: center;
}

.team-name {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Syne, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.team-info-text {
  color: var(--background);
}

._404-not-found-section {
  background-color: #141414;
  padding-top: 140px;
  padding-bottom: 140px;
}

._404-not-found-wrapper {
  max-width: 545px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

._404-not-found-image-wrapper {
  margin-bottom: 50px;
}

._404-not-found-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Syne, sans-serif;
  font-size: 36px;
  line-height: 46px;
}

._404-not-found-paragraph-text {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 30px;
  line-height: 26px;
}

._404-not-found-button {
  color: #fff;
  background-color: #2729ee;
  align-items: center;
  padding: 17px 35px;
  font-family: Syne, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

._404-not-found-button-wrapper {
  display: inline-block;
}

._404-not-found-button-text-block {
  margin-right: 10px;
}

.protected-password-section {
  padding-top: 140px;
  padding-bottom: 140px;
}

.protected-password-wrapper {
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.protected-password-single-wrapper {
  text-align: center;
  background-color: #0e0b2d;
  border-radius: 25px;
  padding: 110px 105px;
}

.protected-password-image-wrapper {
  width: 146px;
  height: 146px;
  background-color: rgba(39, 41, 238, .1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.protected-password-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Syne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.protected-password-paragraph-text {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 26px;
}

.protected-password-field {
  display: none;
}

.protected-password-input {
  height: 54px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .2);
  margin-bottom: 15px;
  padding: 0 25px;
}

.protected-password-input::-ms-input-placeholder {
  color: #fff;
}

.protected-password-input::placeholder {
  color: #fff;
}

.protected-password-submit-button {
  width: 100%;
  height: 54px;
  color: #fff;
  background-color: #2729ee;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
}

.style-guide-heading-wrapper {
  margin-bottom: 30px;
  font-family: Syne, sans-serif;
}

.contact-us-section {
  background-color: #e7e7e7;
  padding: 3rem 1rem;
}

.contact-us-wrapper {
  justify-content: space-between;
  display: flex;
}

.contact-us {
  width: 690px;
  background-color: #fff;
  border-left: 1px solid rgba(255, 255, 255, .15);
  border-radius: 25px;
  padding: 30px;
}

.contact-us.full {
  width: 100%;
  max-width: 1350px;
}

.contact-us-form-block {
  margin-bottom: 0;
}

.contact-us-form {
  background-color: #fff;
  border-radius: 25px;
  padding: 30px;
}

.contact-submit-button {
  width: 300px;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 12px;
  margin-top: 2rem;
  padding: 16px 45px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .2s ease-in-out;
}

.contact-submit-button:hover {
  background-color: #2e627c;
}

.integrations-section-two {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 140px;
}

.integrations-single {
  height: 100%;
  background-color: #0e0b2d;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  display: flex;
}

.integrations-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Syne, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  text-decoration: none;
}

.integrations-details-text {
  max-width: 250px;
  color: rgba(255, 255, 255, .7);
  margin-bottom: 0;
  line-height: 26px;
  display: block;
}

.integrations-link-block-arrow {
  max-width: 20px;
}

.integrations-link-block-text {
  color: var(--primary-color);
  margin-right: 10px;
  font-size: 18px;
  font-weight: 600;
}

.integrations-link-block-text:hover {
  color: var(--dark-slate-blue);
}

.integrations-single-section {
  padding-top: 140px;
  padding-bottom: 140px;
}

.integrations-main {
  justify-content: space-between;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.integrations-single-button {
  color: #fff;
  background-color: #2729ee;
  border-radius: 12px;
  padding: 16px 45px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.integrations-right-content {
  width: 780px;
}

.integrations-details-single {
  border-left: 1px solid rgba(255, 255, 255, .15);
  padding-left: 20px;
}

.integrations-single-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 17px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.integrations-single-paragraph {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 0;
  line-height: 26px;
}

.integrations-single-paragraph.mb30 {
  margin-bottom: 30px;
}

.integrations-list-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.integrations-list-single-wrapper {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.integrations-list-single-wrapper.mb0 {
  margin-bottom: 0;
}

.integrations-list-dote {
  width: 7px;
  height: 7px;
  background-color: #2729ee;
  border-radius: 100%;
  margin-right: 10px;
}

.integrations-list-text-block {
  color: #fff;
}

.pricing-collection-list {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-single-wrapper {
  background-color: #0e0b2d;
  border-radius: 25px;
  padding: 50px 35px;
}

.pricing-top-content {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  padding-bottom: 35px;
}

.pricing-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Syne, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.pricing-description {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 15px;
  line-height: 26px;
}

.price-wrapper {
  align-items: flex-end;
  display: flex;
}

.price-text-block {
  color: #fff;
  margin-bottom: -10px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}

.price-package {
  color: rgba(255, 255, 255, .7);
}

.pricing-list-wrapper {
  padding-top: 40px;
  padding-bottom: 60px;
}

.pricing-list-single-wrapper {
  align-items: center;
  display: flex;
}

.pricing-list-dote {
  width: 7px;
  height: 7px;
  background-color: #2729ee;
  border-radius: 100%;
}

.pricing-list-text-block {
  color: rgba(255, 255, 255, .7);
  margin-left: 10px;
  font-family: Syne, sans-serif;
  font-size: 18px;
}

.pricing-list {
  margin-bottom: 22px;
}

.pricing-list.mb0 {
  margin-bottom: 0;
}

.pricing-button {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #2729ee;
  border-radius: 12px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.pricing-single-section {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pricing-single-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-details-wrapper {
  justify-content: space-between;
  display: flex;
}

.pricing-details-left-content {
  width: 450px;
}

.pricing-card-wrapper {
  background-color: #2729ee;
  border-radius: 25px;
  padding: 50px 45px;
}

.pricing-card-text-wrapper {
  margin-bottom: 30px;
}

.pricing-card-text-block {
  color: #fff;
  margin-bottom: 15px;
  font-family: Syne, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.pricing-card-price {
  color: #fff;
  margin-bottom: 15px;
  font-family: Syne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
}

.pricing-card-description-text {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 26px;
}

.pricing-card-quantity {
  display: none;
}

.choose-duration {
  height: 54px;
  background-color: var(--white);
  color: #2729ee;
  border: 1px #000;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 600;
}

.choose-duration-wrapper {
  background-color: #fff;
  border-radius: 10px;
  padding-right: 15px;
}

.add-to-cart-button {
  width: 100%;
  height: 54px;
  color: #2729ee;
  text-transform: capitalize;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  margin-top: 10px;
  padding: 0;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.default-state {
  margin-bottom: 0;
}

.pricing-details-right-content {
  width: 705px;
}

.pricing-details-name-description {
  margin-bottom: 30px;
}

.pricing-details-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 48px;
  font-weight: 600;
}

.pricing-details-name.plan {
  margin-left: 10px;
}

.pricing-details-name-wrapper {
  align-items: center;
  display: flex;
}

.pricing-details-description {
  max-width: 500px;
  color: rgba(255, 255, 255, .79);
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.pricing-details-list-wrapper {
  margin-bottom: 70px;
}

.pricing-details-list-single-wrapper {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.pricing-details-list-single-wrapper.mb0 {
  margin-bottom: 0;
}

.pricing-details-dote {
  width: 7px;
  height: 7px;
  background-color: #2729ee;
  border-radius: 100%;
  margin-right: 10px;
}

.pricing-details-list-text-blck {
  color: #fff;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.pricing-details-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Syne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.pricing-details-paragraph-text {
  color: rgba(255, 255, 255, .79);
  margin-bottom: 0;
  font-size: 17px;
  line-height: 28px;
}

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

.team-single-content {
  max-width: 825px;
  margin-left: auto;
  margin-right: auto;
}

.team-single-details {
  text-align: center;
}

.team-single-image-wrap {
  max-width: 315px;
  text-align: center;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.team-single-details-info-wrapper {
  text-align: center;
}

.team-single-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Syne, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.team-single-info {
  color: rgba(255, 255, 255, .7);
}

.team-social-wrapper {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.team-social-link-block {
  width: 26px;
  height: 26px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-family: "Fa brands 400", sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.team-social-link-block:hover {
  color: #2729ee;
  border-color: #2729ee;
}

.team-single-paragraph-text {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 25px;
}

.navbar-cart-wrapper {
  margin-right: 24px;
}

.cart-button {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.cart-button-icon-wrapper {
  width: 45px;
  height: 45px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cart-quantity {
  height: 20px;
  min-width: 20px;
  color: #fff;
  background-color: #2729ee;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: -10%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.cart-container {
  max-width: 610px;
  min-width: 610px;
  box-shadow: none;
  background-color: #13133f;
  padding-left: 60px;
  padding-right: 60px;
}

.cart-header {
  border-bottom-style: none;
  padding-top: 35px;
  padding-bottom: 35px;
}

.cart-close-button {
  width: 40px;
  height: 40px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cart-list-wrapper {
  padding: 20px 0;
}

.cart-quantity-two {
  display: none;
}

.cart-item {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  align-items: center;
  padding-top: 35px;
  padding-bottom: 35px;
}

.cart-plan-title {
  color: #fff;
  font-family: Syne, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.cart-plan-price {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cart-name {
  color: #fff;
  font-family: Syne, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.cart-footer {
  border-top-style: none;
  padding-left: 0;
  padding-right: 0;
}

.remove-button {
  color: #2729ee;
  font-family: Syne, sans-serif;
  font-weight: 500;
}

.cart-line-item {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  padding-bottom: 20px;
}

.cart-subtotal-text {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.cart-subtotal-price {
  color: #fff;
  font-family: Syne, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.continue-to-checkout-button {
  height: 54px;
  background-color: #2729ee;
  border-radius: 12px;
  justify-content: center;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.features-section-two-hv4 {
  padding-bottom: 0;
}

.faq {
  margin-bottom: 20px;
  overflow: hidden;
}

.banner-details-paragraph-text {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 20px;
  line-height: 26px;
}

.traders-card-wrapper {
  margin-bottom: 40px;
}

.blog-text-wrapper {
  margin-top: 50px;
}

.blog-text-wrapper.mt35 {
  margin-top: 35px;
}

.blog-text-wrapper.mt0 {
  margin-top: 0;
}

.blog-date-text-block {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 15px;
}

.blog-name {
  max-width: 520px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.blog-name.hv1 {
  max-width: 345px;
  font-size: 24px;
  line-height: 34px;
}

.blog-link {
  color: #2729ee;
  align-items: center;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.blog-link-wrapper {
  margin-top: 25px;
}

.blog-link-arrow {
  margin-left: 10px;
}

.blog-section-hv1 {
  padding-top: 70px;
  padding-bottom: 70px;
  display: block;
}

.blog-section-title-hv1 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.blog-section-title-text-hv1 {
  width: 500px;
}

.blog-section-text-block {
  color: #2729ee;
  margin-bottom: 20px;
  font-size: 18px;
}

.blog-section-heading-hv1 {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.blog-section-paragraph-text {
  color: rgba(0, 0, 0, .7);
  margin-bottom: 0;
  line-height: 26px;
}

.blog-grid {
  grid-column-gap: 25px;
  grid-template-rows: auto;
}

.blog-single-wrapper-hv1 {
  background-color: var(--background);
  border-radius: 25px;
  padding: 20px 20px 30px;
}

.blog-image-left-hv1 {
  width: 100%;
  height: 260px;
  border-radius: 25px;
}

.blog-single-hv1 {
  background-color: var(--background);
  border-radius: 25px;
  align-items: center;
  padding: 20px;
  display: flex;
}

.blog-image-right-hv1 {
  width: 225px;
  margin-right: 30px;
}

.blog-hv1-collection-list-right {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.menu-dropdown-wrapper {
  margin-right: 35px;
}

.dropdown-toggle {
  color: rgba(255, 255, 255, .8);
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-toggle-arrow {
  margin-left: 8px;
  font-family: "Fa solid 900", sans-serif;
}

.dropdown-column-wrapper {
  width: 810px;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 20px;
  transform: translate(-50%);
}

.dropdown-column-wrapper.w--open {
  width: 400px;
  background-color: var(--background-blue);
  background-image: none;
}

.dropdown-single-wrapper {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 50px;
}

.dropdown-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: flex;
}

.dropdown-list-item-link-block {
  color: rgba(255, 255, 255, .8);
  align-items: center;
  margin-bottom: 30px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-list-item-link-block.mb0 {
  margin-bottom: 0;
}

.dropdown-list-item-link-block.mb20 {
  margin-bottom: 20px;
}

.dropdown-list-item-link-arrow-wrap {
  width: 16px;
  margin-left: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 16px;
  overflow: hidden;
}

.dropdown-list-item-link-arrow {
  margin-left: -15px;
}

.dropdown-list-item-title-wrapper {
  margin-bottom: 40px;
}

.dropdown-list-item-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.dropdown-list-item-mt70 {
  margin-top: 70px;
}

.landing-wrapper {
  z-index: 1000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.landing-container {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-logo-wrapper {
  z-index: 100;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-logo {
  width: 150px;
}

.landing-logo-text {
  color: rgba(255, 255, 255, .7);
  font-family: Syne, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.curtain-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.curtain-up, .curtain-down {
  background-color: var(--dark-slate-blue);
}

.home-dropdown-wrapper {
  margin-right: 35px;
}

.home-dropdown-toggle {
  color: rgba(255, 255, 255, .8);
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-list-two {
  background-color: #07051e;
  border-radius: 20px;
  padding: 20px;
}

.dropdown-wrapper-list-two {
  width: 145px;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 20px;
  overflow: hidden;
}

.dropdown-wrapper-list-two.w--open {
  transform: none;
}

.blog-details-section {
  padding-top: 140px;
  padding-bottom: 140px;
}

.blog-details-wrapper {
  max-width: 875px;
  margin-left: auto;
  margin-right: auto;
}

.blog-details-date-text-block {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 20px;
}

.blog-details-name {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.blog-details-paragraph-text {
  max-width: 760px;
  color: rgba(255, 255, 255, .7);
  margin-bottom: 0;
  line-height: 26px;
}

.blog-details-image-wrapper {
  margin-top: 45px;
}

.blog-details-image {
  width: 100%;
  height: 550px;
  border-radius: 25px;
}

.blog-details-text-wrapper {
  margin-top: 50px;
}

.blog-details-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Syne, sans-serif;
  font-size: 48px;
  line-height: 58px;
}

.blog-details-single-paragraph-text {
  color: rgba(255, 255, 255, .7);
  margin-bottom: 0;
  line-height: 26px;
}

.blog-details-list-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.blog-details-list-single-wrapper {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.blog-details-list-dote {
  width: 7px;
  height: 7px;
  background-color: #2729ee;
  border-radius: 100%;
  margin-right: 10px;
}

.blog-details-list-text-block {
  color: #fff;
}

.blog-details-bottom {
  margin-top: 45px;
}

.blog-details-single-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Syne, sans-serif;
  font-size: 36px;
  line-height: 46px;
}

.blog-details-quote-wrapper {
  background-color: #0e0b2d;
  border-radius: 25px;
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 70px 50px;
}

.blog-details-quote-image-wrapper {
  text-align: center;
  margin-bottom: 20px;
}

.blog-details-quote-text-wrapper {
  border-left: 1.5px solid #2729ee;
  padding-left: 10px;
}

.blog-details-quote-text {
  color: #fff;
  margin-bottom: 0;
  font-size: 21px;
  font-style: italic;
  line-height: 31px;
}

.checkout-section {
  padding-top: 80px;
  padding-bottom: 60px;
}

.checkout-section-wrapper {
  background-color: rgba(0, 0, 0, 0);
}

.checkout-header {
  border: 1px solid var(--blue);
  color: rgba(255, 255, 255, .7);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px 25px;
}

.preview-section-title-wrapper {
  text-align: center;
  margin-bottom: 65px;
}

.preview-single-wrapper {
  width: 100%;
  text-decoration: none;
}

.checkout-input {
  height: 45px;
  border-color: var(--blue);
  color: rgba(255, 255, 255, .7);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
}

.shipping-method-list, .shipping-method-list-2 {
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
}

.get-started-button-mobile {
  display: none;
}

.price-category-section {
  padding-top: 220px;
  padding-bottom: 140px;
}

.price-category-section-title-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.price-category-price {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Syne, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.price-category-price.ml10 {
  margin-left: 10px;
}

.body {
  background-color: var(--white-body);
}

.bold-text, .bold-text-2, .bold-text-3 {
  color: var(--background);
}

.image {
  min-height: 400px;
  background-image: url('../images/Akademie-Berlin-Coaching-Foto-7.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 25px;
  padding-top: 0;
}

.image.home {
  background-image: url('../images/Einzelcoaching-Berlin-Sicherheitsdienst-1.png');
  background-position: 0%;
  background-size: cover;
}

.link-block {
  height: 100%;
  text-decoration: none;
}

.tab-link-2 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(39, 41, 238, .2);
  border-radius: 0;
  padding: 30px;
  text-decoration: none;
}

.tab-link-2.w--current {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.how-it-works-wrapper-2 {
  grid-column-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  justify-content: center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-5 {
  grid-column-gap: 10px;
  justify-content: space-between;
  display: flex;
}

.div-block-6 {
  width: 100%;
  height: 300px;
  grid-row-gap: 20px;
  background-color: var(--midnight-blue);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Akademie-Berlin-Coaching-Foto-2.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  transition: background-color .5s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.div-block-6:hover {
  background-color: var(--dark-slate-blue);
  background-image: linear-gradient(rgba(255, 255, 255, 0), #000);
}

.div-block-6._2 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Akademie-Berlin-Coaching-Foto-6.png');
}

.div-block-6._2:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
  background-position: 0 0;
  background-size: auto;
}

.div-block-6._3 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Einzelcoaching-Berlin-Sicherheitsdienst-1.png');
}

.div-block-6._3:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
  background-position: 0 0;
  background-size: auto;
}

.div-block-6._4 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Weiterbildung-Berlin-Sicherheitsdienst.png');
}

.div-block-6._4:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
  background-position: 0 0;
  background-size: auto;
}

.div-block-6._5 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Akademie-Berlin-Coaching-Foto-8.png');
}

.div-block-6._5:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
  background-position: 0 0;
  background-size: auto;
}

.div-block-6._6 {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Akademie-Berlin-Coaching-Foto.png');
}

.div-block-6._6:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
  background-position: 0 0;
  background-size: auto;
}

.div-block-7 {
  margin-top: 0;
  display: flex;
}

.div-block-8 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-9 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block-3 {
  width: 100%;
  height: 100%;
  max-height: none;
  -webkit-text-fill-color: inherit;
  background-color: #000;
  background-clip: border-box;
  text-decoration: none;
}

.fn-column {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.spacer-s {
  width: 24px;
  height: 24px;
}

.fn-faq-arrow-down {
  width: 30px;
  height: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fn-faq-intro {
  width: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.fn-faq-item-toggle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #0e0b2d;
  border-radius: 16px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.fn-container-grid {
  width: 100%;
  max-width: 1310px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-section {
  width: 100%;
  color: #ecf0ef;
  background-color: #03020d;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.primary-button-3 {
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 14px;
  padding: 15px 35px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: all .45s;
}

.primary-button-3:hover {
  border: 1px solid var(--primary-color);
  background-color: var(--background);
}

.text-container {
  width: 530px;
}

.text-container.full {
  width: 100%;
  justify-content: center;
  display: flex;
}

.gridelement {
  width: 100%;
  height: 100%;
  grid-row-gap: 20px;
  background-color: var(--dark-slate-blue);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
  background-position: 0 0;
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  transition: background-color .5s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.gridelement:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0), #000);
}

.div-block-13 {
  width: auto;
  max-width: 1350px;
  grid-column-gap: 40px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 25px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.div-block-14 {
  width: 100%;
  justify-content: center;
  display: flex;
}

.section {
  padding: 10vh 1rem;
}

.section.background-light {
  padding-top: 5vh;
  padding-bottom: 0;
}

.section.background-light.hide {
  background-color: #fbfbfb;
  padding: 3rem 1rem;
}

.div-block-15 {
  width: 100%;
}

.container-copy {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.contact-us-section-copy {
  background-color: rgba(0, 0, 0, .05);
  padding-top: 75px;
  padding-bottom: 75px;
}

.text-block {
  color: var(--background);
}

.our-mission-grid-copy {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.our-mission-image-wrapper {
  width: 100%;
  height: 300px;
  background-color: #1e1e51;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  margin-bottom: 23px;
  display: flex;
}

.our-mission-single-wrapper-copy {
  background-color: var(--background-blue);
  border-radius: 25px;
  flex-direction: column;
  padding: 40px 40px 45px;
  display: flex;
}

.features-full-content {
  width: 1350px;
}

.why-zaicryp-single-wrapper-2 {
  background-color: #dfdfdf;
  border-radius: 25px;
  padding: 50px 22px;
}

.why-zaicryp-name-2 {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.why-zaicryp-name-2.center {
  text-align: center;
}

.paragraph {
  color: rgba(0, 0, 0, .7);
  text-align: left;
  margin-bottom: 3vh;
  line-height: 26px;
}

.feature-section-small-titel {
  color: var(--primary-color);
  margin-bottom: 15px;
  font-weight: 300;
}

.headline-reasons {
  max-width: 660px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.tab-inner {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bullet-list-item {
  grid-column-gap: 10px;
  display: flex;
}

.bullet {
  width: 20px;
  height: 20px;
  color: #605dba;
  background-color: rgba(3, 2, 13, .08);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  font-size: 15px;
  line-height: 1;
  display: flex;
}

.rounded {
  width: 100%;
  border-radius: 8px;
}

.rounded.shadow {
  border-radius: 25px;
}

.container-2 {
  z-index: 2;
  width: 100%;
  height: 100%;
  max-width: 1350px;
  min-height: auto;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .2s, color .2s;
  display: flex;
  position: relative;
}

.tab {
  background-color: rgba(0, 0, 0, 0);
}

.tab.card {
  grid-column-gap: 20px;
  -webkit-text-fill-color: inherit;
  background-color: rgba(255, 255, 255, .55);
  background-clip: padding-box;
  border-radius: 25px;
  flex-direction: row;
  flex: 1;
  align-items: center;
  padding: 0 30px;
  transition: box-shadow .2s, background-color .2s, color .2s;
  display: flex;
}

.tab.card:hover {
  color: #343f52;
  background-color: #fff;
  box-shadow: 0 5px 35px rgba(30, 34, 40, .07);
}

.tab.card.w--current {
  background-color: #fff;
  align-items: center;
  box-shadow: 0 5px 35px rgba(30, 34, 40, .07);
}

.reasons {
  padding-top: 0;
  padding-bottom: 0;
}

.bullet-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.bullet-list.margin-bottom-30 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 40px;
}

.bullet-list.margin-bottom-30.grid {
  width: 100%;
  grid-column-gap: 25px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.unicon {
  line-height: 1;
}

.tabs-menu {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  justify-content: space-between;
  margin-bottom: 3rem;
  display: flex;
}

.container-f {
  max-width: 1350px;
  grid-column-gap: 70px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.tabs-content {
  margin-top: 0;
  display: flex;
}

.text-block-2 {
  color: rgba(0, 0, 0, .7);
  line-height: 26px;
}

.card {
  background-color: #fff;
  border-radius: 8px;
  padding: 40px;
}

.grid-element {
  padding-left: 15px;
  padding-right: 15px;
}

.grid-element._2 {
  background-color: rgba(0, 0, 0, 0);
}

.grid-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.grid-wrapper {
  max-width: 1350px;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  background-color: rgba(255, 255, 255, .29);
  border-radius: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 30px;
  display: grid;
}

.grid-wrapper._3 {
  background-color: rgba(0, 0, 0, 0);
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.grid-wrapper._3.no {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding: 2rem 0 0;
}

.grid-wrapper._3.no._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-wrapper.no {
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  padding: 0;
}

.image-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f5fafd;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 3rem 1rem;
  display: flex;
}

.image-section.m {
  display: none;
}

.image-5 {
  max-width: 100px;
  margin-bottom: 0;
}

.div-block-22 {
  grid-column-gap: 8px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 25px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-22-copy {
  grid-column-gap: 8px;
  background-color: #fff;
  border-radius: 25px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid-container {
  width: 100%;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
  overflow: visible;
}

.image-8 {
  border-radius: 25px;
}

.tab-titel {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.image-9 {
  max-width: 100px;
}

.div-block-26 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.info-card-titel {
  color: var(--background);
  margin-top: 0;
  margin-bottom: 3vh;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.div-block-22-copy {
  grid-column-gap: 8px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 25px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container-copy {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-left: 0;
  padding-right: 0;
}

.grid-wrapper-copy {
  max-width: 1350px;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  background-color: rgba(255, 255, 255, .29);
  border-radius: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 70px;
  padding: 30px 15px;
  display: grid;
}

.element-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feature-full {
  width: 100%;
  max-width: 1350px;
  min-width: auto;
  margin-bottom: 0;
  padding: 15px 0;
}

.features-wrapper-copy {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-cl {
  max-width: 555px;
  color: rgba(0, 0, 0, .7);
  text-align: left;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 26px;
}

.banner-wrapper {
  background-color: var(--dark-slate-blue);
  background-image: linear-gradient(to bottom, rgba(2, 69, 104, .6), rgba(2, 69, 104, .6)), linear-gradient(to bottom, transparent, var(--background-blue)), url('../images/Fels-Akademie-Planung.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
  border-radius: 25px;
  padding: 85px 30px;
  position: relative;
}

.banner-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.banner-section {
  background-color: rgba(0, 0, 0, 0);
  padding: 3rem 1rem;
}

.div-block-29 {
  width: 100%;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.info-card {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px;
  margin-top: 0;
  margin-bottom: 5vh;
  padding: 40px 15px 20px 25px;
}

.div-block-31 {
  grid-row-gap: 10px;
  flex-direction: column;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.ms-input-wrap {
  margin-top: 12px;
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input-label {
  color: #121331;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-weight: 700;
}

.ms-input-label.is-overlapping {
  z-index: 3;
  background-color: #fff;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 13.5px;
  font-weight: 600;
  position: absolute;
  top: -.7em;
  left: 8px;
}

.ms-input {
  min-height: 48px;
  color: #121331;
  background-color: #fff;
  border: 1px solid rgba(18, 19, 49, .25);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px 12px 8px;
  transition: box-shadow .2s, border-color .2s;
  position: relative;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .1);
}

.ms-input:hover {
  z-index: 2;
  box-shadow: none;
  border-color: #2962ff;
}

.ms-input::-ms-input-placeholder {
  color: #909090;
}

.ms-input::placeholder {
  color: #909090;
}

.ms-input.ms-text-area {
  min-height: 80px;
}

.ms-input.ms-text-area.is-overlapping {
  margin-top: 12px;
}

.ms-checkbox-wrap {
  align-items: flex-start;
  margin-bottom: 10px;
  padding-top: 0;
  display: flex;
}

.ms-checkbox {
  width: 18px;
  height: 18px;
  border-width: 1.5px;
  border-color: rgba(18, 19, 49, .25);
  border-radius: 33%;
  flex: none;
  margin-top: 0;
  margin-right: 10px;
}

.ms-checkbox:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), linear-gradient(#2962ff, #2962ff);
  border-color: #2962ff;
}

.ms-checkbox.w--redirected-checked {
  background-color: #2962ff;
  background-image: url('../images/smallcheck.svg');
  background-size: 70%;
  border-color: rgba(18, 19, 49, .25);
  border-radius: 33%;
}

.ms-link {
  color: #2962ff;
}

.checkbox-label {
  color: rgba(0, 0, 0, .7);
}

.flex-row-outer {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.profile-form-container {
  text-align: left;
  flex-flow: column wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.input {
  width: 100%;
  height: 48px;
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::-ms-input-placeholder {
  color: #6e6e6e;
}

.input::placeholder {
  color: #6e6e6e;
}

.input.big {
  height: 100px;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.spacer-m {
  width: 100%;
  height: 20px;
}

.spacer-m.line {
  border-top: 1px solid rgba(0, 0, 0, .09);
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.input-wrapper {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper._15p-right {
  margin-right: 15px;
}

.field-divider {
  width: 100%;
  height: 1px;
  background-color: #f2f3ff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ms-radio-group {
  margin-bottom: 30px;
}

.ms-help-text {
  opacity: .8;
  margin-top: -15px;
  margin-bottom: 15px;
  font-size: 90%;
  font-weight: 300;
}

.ms-help-text.less-margin {
  margin-top: -4px;
  margin-bottom: 4px;
}

.ms-radio-row {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.ms-radio-wrap {
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.ms-radio-dot {
  width: 17px;
  height: 17px;
  border-color: rgba(18, 19, 49, .25);
  flex: none;
  margin-top: 1px;
  margin-right: 10px;
  position: relative;
}

.ms-radio-dot.w--redirected-checked {
  border-width: 6px;
  border-color: var(--primary-color);
}

.image-container {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vh;
  padding-left: 0;
  padding-right: 0;
}

.images {
  grid-column-gap: 8px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 25px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.images.about-us._2 {
  background-image: url('../images/Fels-Akademie-Unterricht-2.png');
  background-position: 0 0;
  background-size: cover;
}

.images.about-us._3 {
  background-image: url('../images/Fels-Akademie-Frauencoaching.png');
  background-position: 0 0;
  background-size: cover;
}

.fn-dorpdown-link-advence {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.fn-navbar-card-solution {
  width: 100%;
  max-width: 256px;
  color: #ecf0ef;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.pointer {
  z-index: 20;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -3%;
  bottom: auto;
  left: 0%;
  right: 4%;
  transform: rotate(45deg);
}

.navigation-dropdown {
  min-width: 140px;
}

.navigation-dropdown.w--open {
  max-height: 100vh;
  min-width: 320px;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 10px;
  left: -100px;
}

.dropdown-toggle-2 {
  color: #fff;
  padding-left: 12px;
  padding-right: 24px;
  transition: all .2s;
}

.dropdown-toggle-2:hover {
  color: var(--primary-color);
}

.navigation-left {
  width: auto;
  align-items: center;
  display: flex;
}

.navigation-link {
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover, .navigation-link.w--current {
  color: var(--primary-color);
}

.nav-content-wrap {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 12px;
  display: flex;
}

.flowbase-logo {
  width: 100px;
}

.dropdown-link {
  z-index: 25;
  color: #283338;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdown-link:hover {
  color: var(--primary-color);
  background-color: rgba(250, 250, 250, .8);
}

.navigation-container {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  min-height: 90px;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-pointer {
  position: relative;
}

.icon {
  width: 100%;
}

.nav-menu {
  color: #283338;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.navigation-right {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.icon-4 {
  margin-right: 5px;
}

.nav-link-details {
  color: rgba(40, 51, 56, .6);
  white-space: normal;
  font-size: 14px;
}

.navigation {
  z-index: 9;
  background-color: var(--background-blue);
  flex-direction: column;
  align-items: center;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand {
  margin-right: 44px;
}

.dropdown-wrapper {
  min-width: 140px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 4px -19px 35px rgba(32, 53, 90, .08), 11px 11px 30px -10px rgba(32, 53, 90, .15);
}

.dropdown-wrapper.w--open {
  max-height: 100vh;
  min-width: 300px;
  background-color: #fff;
  border-radius: 15px;
  left: -97px;
  box-shadow: 0 50px 25px -50px rgba(32, 53, 90, .15), 8px 18px 60px 4px rgba(0, 0, 0, .13);
}

.dropdown-title {
  margin-bottom: 2px;
  font-size: 15px;
}

.dropdown-title:hover {
  color: #73b4d5;
}

.icon-wrap {
  width: 60px;
  height: 40px;
  background-color: rgba(140, 84, 255, .05);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.section-2 {
  background-color: #e7e7e7;
  padding: 70px 1rem;
}

.select-field-3 {
  width: 100%;
  height: 48px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 12px;
}

.ms-checkbox-wrap-2 {
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.checkbox-label-2 {
  color: rgba(0, 0, 0, .7);
  margin-bottom: 0;
}

.checkbox-label-3 {
  color: rgba(0, 0, 0, .7);
}

.nav-link-5 {
  color: #626a72;
  text-align: left;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-left: 4px;
  margin-right: 4px;
  padding: 6px 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
}

.nav-link-5:hover {
  color: #1d1d1d;
}

.nav-link-5:active {
  color: #626a72;
}

.nav-link-5.w--current {
  color: #1d1d1d;
}

.menu-button-2.w--open {
  color: rgba(9, 106, 208, .2);
  background-color: #fff;
}

.nav-container-2 {
  width: 100%;
  height: 70px;
  max-width: 1230px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 50px;
  display: none;
  top: 0;
  left: 0;
  right: 0;
}

.nav-logo-2 {
  transition: opacity .2s;
}

.nav-logo-2:hover {
  opacity: .75;
}

.nav-content-2 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  display: flex;
  position: relative;
}

.nav-menu-2 {
  text-align: right;
  margin-right: 6px;
}

.logo-div-2 {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.mobile-container {
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.bold-text-5 {
  font-family: Montserrat, sans-serif;
}

.div-block-29-copy {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.text-block-11 {
  color: rgba(0, 0, 0, .7);
}

.text-block-14 {
  color: #000;
}

.div-block-8-copy {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-img {
  width: 80px;
  max-width: none;
  min-width: auto;
  margin-bottom: 0;
}

.flex-block {
  grid-column-gap: 200px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
}

.flex-block-2 {
  grid-row-gap: 40px;
  justify-content: flex-end;
  align-items: center;
}

.h3 {
  color: var(--background);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.flex-block-copy {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0;
}

.footer-logo-img-copy-copy {
  width: 80px;
  max-width: none;
  min-width: auto;
  margin-bottom: 0;
}

.html-embed {
  color: rgba(0, 0, 0, .7);
  padding-top: 20px;
}

.content-block {
  width: auto;
  max-width: none;
  min-width: auto;
  margin-bottom: 0;
  padding: 0;
}

.banner-titel, .heading-2 {
  color: #fff;
}

.service-section {
  background-image: none;
  padding: 3rem 1rem;
  position: relative;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1.5rem;
}

.cookie-modal_description {
  color: rgba(0, 0, 0, .7);
}

.cookie-modal_closebutton {
  z-index: 5;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  background-color: #f3f7f2;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  margin: 1.25rem 1.25rem -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_button {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
  border-radius: .25rem;
  padding: .875em 1.5em 1rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: #262926;
}

.cookie-modal_component {
  max-width: 32rem;
  background-color: #fff;
  border-radius: .25rem;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem rgba(38, 41, 38, .05);
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_closebutton_line {
  width: 1rem;
  height: 2px;
  background-color: #515750;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  color: rgba(0, 0, 0, .7);
  font-size: 1.1875rem;
}

.cookie-popup_component {
  z-index: 9500;
  max-width: 25rem;
  position: fixed;
  top: auto;
  bottom: 1.25rem;
  left: auto;
  right: 1.25rem;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  justify-content: flex-start;
  padding: 1.5rem;
}

.container-v {
  max-width: 1350px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: flex;
}

.contact-titel {
  color: var(--background);
  text-align: left;
  margin-top: 0;
  margin-bottom: 1vh;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  line-height: 58px;
  display: block;
}

.contact-titel.center {
  text-align: center;
  margin-bottom: 40px;
}

.flex-block-3 {
  grid-column-gap: 3rem;
  border-radius: 20px;
  padding: 3rem 3rem 1rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.whatsapp-button {
  background-image: url('../images/WhatsApp_icon.png');
  background-position: 0 0;
  background-size: contain;
  margin-top: 0;
  margin-bottom: 1vh;
}

.link {
  color: var(--primary-color);
  font-size: 20px;
}

.div-block-35 {
  grid-row-gap: 1vh;
  flex-direction: column;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .body-text {
    margin-bottom: 2rem;
  }

  .our-story-section {
    padding: 3rem 1rem;
  }

  .container-2 {
    max-width: 1350px;
  }

  .grid-section {
    padding: 3rem 1rem;
  }

  .grid-wrapper._3.no {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .content-block {
    padding-top: 0;
    padding-bottom: 0;
  }

  .flex-block-3 {
    padding-bottom: 3rem;
  }

  .whatsapp-button {
    background-image: none;
  }
}

@media screen and (min-width: 1440px) {
  .hero-titel {
    color: #fff;
    text-transform: capitalize;
  }

  .why-zaicryp-single-wrapper {
    background-color: #dedede;
    border: 1px #989898;
  }

  .features-wrapper {
    justify-content: space-between;
    align-items: flex-start;
  }

  .inner-banner {
    margin-top: 0;
  }

  .our-mission-section {
    padding-top: 100px;
  }

  .our-mission-single-wrapper {
    padding-right: 20px;
  }

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

  .image {
    height: 100%;
    max-width: 100%;
  }

  .link-block {
    border: 1px solid #fff;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .how-it-works-wrapper-2 {
    padding-top: 0;
  }

  .div-block-6._2 {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Einzelcoaching-Berlin-Sicherheitsdienst-1.png');
  }

  .div-block-6._2:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%);
    background-position: 0 0;
    background-size: auto;
  }

  .div-block-6._3 {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Arbeitsvermittlung-Berlin-Sicherheitsdienst.png');
    background-position: 0 0, 50% 0;
  }

  .div-block-6._4 {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--background) 92%), url('../images/Weiterbildung-Berlin-Sicherheitsdienst.png');
  }

  .fn-faq-item-toggle {
    padding: 45px 20px 45px 40px;
  }

  .text-container.full {
    grid-column-gap: 40px;
  }

  .div-block-13 {
    width: 1350px;
  }

  .our-mission-single-wrapper-copy {
    padding-right: 40px;
  }

  .container-f {
    max-width: 1350px;
  }

  .grid-wrapper-copy {
    padding-bottom: 70px;
  }

  .features-wrapper-copy {
    justify-content: center;
    align-items: flex-start;
  }

  .nav-container-2 {
    display: none;
  }

  .container-v {
    max-width: 1350px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-section {
    height: 1100px;
  }

  .download-app-wrapper {
    background-image: linear-gradient(to bottom, rgba(70, 145, 183, .85), transparent), linear-gradient(to bottom, var(--background-blue), var(--background-blue)), linear-gradient(to bottom, var(--background), var(--background));
  }

  .div-block-14 {
    justify-content: flex-start;
  }

  .section.background-light {
    background-image: none;
  }

  .features-wrapper-copy {
    justify-content: center;
  }

  .banner-wrapper {
    background-image: linear-gradient(to bottom, rgba(70, 145, 183, .71), var(--dark-slate-blue)), url('../images/DSC01974.png');
    background-position: 0 0, 0 0;
    background-size: auto, auto;
  }
}

@media screen and (max-width: 991px) {
  .navbar-wrapper {
    position: relative;
  }

  .nav-menu-wrapper {
    background-color: #020534;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .nav-link {
    margin-bottom: 25px;
  }

  .navbar-middle-content {
    flex: 0 auto;
  }

  .get-started-button.desktop {
    display: none;
  }

  .hero-section {
    padding-top: 160px;
    padding-bottom: 120px;
  }

  .banner-text-wrapper {
    margin-bottom: 75px;
  }

  .hero-titel {
    text-shadow: 0 2px 4px rgba(0, 0, 0, .21);
    margin-bottom: 15px;
    font-size: 52px;
    line-height: 62px;
  }

  .why-zaicryp {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .why-zaicryp-section-title {
    font-size: 42px;
    line-height: 52px;
  }

  .why-zaicryp-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .why-zaicryp-single-wrapper {
    padding: 40px 15px;
  }

  .why-zaicryp-paragraph-text {
    font-size: 15px;
  }

  .feature-section {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding: 100px 15px;
  }

  .feature-section.coaching {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-top-content {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-details-wrapper {
    width: 100%;
    max-width: 500px;
    justify-content: space-between;
    margin-bottom: 40px;
    display: flex;
  }

  .footer-menu-wrapper {
    width: 100%;
  }

  .footer-menu-grid {
    grid-column-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    justify-items: center;
  }

  .footer-menu-single-wrapper {
    width: 100%;
  }

  .footer-world-img {
    width: 400px;
  }

  .features-wrapper {
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: flex-start;
  }

  .features-left-content {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .features-text-wrapper {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
    display: flex;
  }

  .features-titel {
    max-width: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .body-text {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .features-right-content {
    width: 100%;
    justify-content: center;
    padding-right: 0;
  }

  .features-image {
    max-width: 100%;
  }

  .tab-image-wrapper {
    text-align: center;
  }

  .grid-image {
    display: none;
  }

  .download-app-wrapper {
    border-radius: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .download-app-text-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .download-app-title {
    font-size: 42px;
    line-height: 52px;
  }

  .banner-body-text {
    margin-left: auto;
    margin-right: auto;
  }

  .button-container {
    justify-content: center;
  }

  .bildungsgutschein-image {
    display: none;
  }

  .inner-banner {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .inner-banner-title {
    font-size: 46px;
    line-height: 56px;
  }

  .our-story-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .our-story-section-title {
    font-size: 38px;
    line-height: 48px;
  }

  .our-mission-section {
    padding-bottom: 100px;
  }

  .our-mission-single-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-mission-paragraph-text {
    font-size: 15px;
  }

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

  .team-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  ._404-not-found-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .protected-password-section {
    padding-top: 100px;
  }

  .protected-password-wrapper {
    max-width: 100%;
  }

  .contact-us-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .contact-us-wrapper {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-us {
    width: 100%;
    border-left-style: none;
    padding-left: 0;
  }

  .contact-submit-button {
    margin-top: 25px;
    font-size: 16px;
  }

  .integrations-section-two {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .integrations-single {
    padding: 20px;
  }

  .integrations-details-text {
    max-width: 100%;
    font-size: 15px;
  }

  .integrations-single-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .integrations-main {
    flex-direction: column;
  }

  .integrations-single-button {
    padding: 14px 30px;
  }

  .integrations-right-content {
    width: 100%;
    margin-top: 40px;
  }

  .integrations-single-title {
    font-size: 40px;
    line-height: 50px;
  }

  .integrations-single-paragraph.mb30 {
    margin-bottom: 20px;
  }

  .integrations-list-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .integrations-list-single-wrapper {
    margin-bottom: 15px;
  }

  .integrations-list-text-block {
    font-size: 15px;
  }

  .pricing-collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-single-wrapper {
    padding: 40px 20px;
  }

  .price-text-block {
    font-size: 36px;
  }

  .pricing-list-wrapper {
    padding-bottom: 40px;
  }

  .pricing-single-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pricing-single-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-details-wrapper {
    flex-direction: column;
  }

  .pricing-details-left-content {
    width: 100%;
    margin-bottom: 30px;
  }

  .pricing-details-right-content {
    width: 100%;
  }

  .pricing-details-list-wrapper {
    margin-bottom: 30px;
  }

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

  .banner-details-paragraph-text {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-text-wrapper {
    margin-top: 30px;
  }

  .blog-name, .blog-name.hv1 {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-link-wrapper {
    margin-top: 15px;
  }

  .blog-section-hv1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

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

  .menu-dropdown-wrapper {
    flex: 0 auto;
    margin-bottom: 20px;
    display: block;
  }

  .dropdown-column-wrapper {
    width: 100%;
    transform: none;
  }

  .home-dropdown-wrapper {
    flex: 0 auto;
    margin-bottom: 20px;
    display: block;
  }

  .dropdown-wrapper-list-two {
    width: 100%;
  }

  .blog-details-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .blog-details-name {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 40px;
  }

  .blog-details-image {
    height: auto;
  }

  .blog-details-title {
    font-size: 40px;
    line-height: 50px;
  }

  .blog-details-list-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blog-details-bottom {
    margin-top: 20px;
  }

  .blog-details-single-title {
    font-size: 30px;
    line-height: 40px;
  }

  .blog-details-quote-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 50px 30px;
  }

  .blog-details-quote-text {
    font-size: 19px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .hamburger-menu-bar {
    width: 40px;
    height: 3px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .get-started-button-mobile {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .price-category-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .how-it-works-wrapper-2 {
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-5 {
    flex-direction: column;
  }

  .fn-container-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-container {
    width: 100%;
    text-align: center;
  }

  .section.background-light.hide {
    display: none;
  }

  .contact-us-section-copy {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .our-mission-image-wrapper {
    margin-bottom: 20px;
  }

  .our-mission-single-wrapper-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-full-content {
    width: 100%;
  }

  .why-zaicryp-single-wrapper-2 {
    padding: 40px 15px;
  }

  .paragraph {
    font-size: 15px;
  }

  .feature-section-small-titel {
    text-align: left;
  }

  .reasons {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .tabs-menu {
    flex-direction: column;
  }

  .container-f {
    flex-direction: column;
    display: flex;
  }

  .image-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-full {
    text-align: center;
    margin-bottom: 40px;
  }

  .features-wrapper-copy {
    grid-row-gap: 50px;
    flex-direction: column;
    align-items: center;
  }

  .banner-wrapper {
    border-radius: 30px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .banner-section {
    padding: 15px;
  }

  .fn-dorpdown-link-advence {
    width: 100%;
  }

  .navigation-left {
    display: flex;
  }

  .nav-menu, .navigation {
    display: none;
  }

  .nav-link-5 {
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
  }

  .menu-button-2.w--open {
    color: #096ad0;
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-container-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .menu-icon {
    color: #096ad0;
  }

  .nav-logo-2 {
    flex: 1;
  }

  .nav-content-2 {
    justify-content: flex-end;
    margin-left: 16px;
  }

  .logo-div-2 {
    flex: 0 auto;
  }

  .content-block {
    text-align: center;
    margin-bottom: 40px;
  }

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

  .container-v {
    flex-direction: column;
    display: flex;
  }

  .contact-titel {
    max-width: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .get-started-button {
    padding: 13px 30px;
    font-size: 16px;
  }

  .hero-section {
    padding-top: 140px;
    padding-bottom: 90px;
  }

  .banner-text-wrapper {
    margin-bottom: 60px;
  }

  .hero-titel {
    font-size: 34px;
    line-height: 44px;
  }

  .primary-button {
    padding: 13px 30px;
    font-size: 16px;
  }

  .why-zaicryp {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .why-zaicryp-section-title {
    font-size: 32px;
    line-height: 42px;
  }

  .why-zaicryp-section-paragraph-text {
    font-size: 16px;
  }

  .why-zaicryp-grid {
    grid-template-columns: 1fr;
  }

  .why-zaicryp-single-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .why-zaicryp-icon-wrapper {
    margin-bottom: 20px;
  }

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

  .footer-top-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .footer-details-wrapper {
    text-align: center;
  }

  .footer-details-pargraph-text {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
  }

  .footer-menu-grid {
    grid-column-gap: 15px;
  }

  .footer-menu-title-wrapper {
    margin-bottom: 20px;
  }

  .footer-menu-title {
    font-size: 18px;
    line-height: 28px;
  }

  .footer-menu-text-link-wrapper.mt40 {
    margin-top: 50px;
  }

  .footer-text-link {
    font-size: 15px;
  }

  .footer-info-wrapper, .footer-info-text-wrapper {
    flex-direction: column;
  }

  .footer-text-block {
    margin-bottom: 10px;
  }

  .footer-arrow {
    display: none;
  }

  .footer-icons-wrapper {
    margin-top: 10px;
  }

  .footer-world-img {
    width: 350px;
    top: 33%;
  }

  .features-titel {
    font-size: 36px;
    line-height: 46px;
  }

  .features-right-content {
    flex-direction: column;
    align-items: center;
  }

  .features-image {
    display: none;
  }

  .download-app-wrapper {
    border-radius: 25px;
    padding: 60px 20px;
  }

  .download-app-title {
    margin-bottom: 10px;
    font-size: 29px;
    line-height: 40px;
  }

  .button-container {
    margin-top: 20px;
  }

  .secondary-button {
    padding: 16px 30px;
    font-size: 16px;
  }

  .inner-banner {
    margin-top: 85px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .inner-banner-title {
    font-size: 32px;
    line-height: 42px;
  }

  .our-story-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .our-story-section-title-wrapper {
    margin-bottom: 50px;
  }

  .our-story-section-title {
    margin-bottom: 10px;
  }

  .our-story-section-paragraph-text.width-545 {
    font-size: 14px;
    line-height: 24px;
  }

  .our-mission-section {
    padding-bottom: 80px;
  }

  .team-collection-list {
    grid-column-gap: 20px;
  }

  .team-image-wrapper {
    margin-bottom: 15px;
  }

  .team-name {
    font-size: 21px;
  }

  ._404-not-found-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  ._404-not-found-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  ._404-not-found-image-wrapper {
    margin-bottom: 20px;
  }

  ._404-not-found-image {
    width: 150px;
  }

  ._404-not-found-title {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .protected-password-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .protected-password-single-wrapper {
    padding: 40px;
  }

  .protected-password-image-wrapper {
    width: 120px;
    height: 120px;
    margin-bottom: 25px;
  }

  .protected-password-image {
    width: 50px;
  }

  .protected-password-title {
    font-size: 32px;
    line-height: 42px;
  }

  .contact-us-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .contact-us-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-submit-button {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
  }

  .integrations-section-two, .integrations-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .integrations-details-single {
    padding-left: 15px;
  }

  .integrations-single-title {
    font-size: 26px;
    line-height: 36px;
  }

  .integrations-single-paragraph {
    font-size: 14px;
    line-height: 24px;
  }

  .integrations-list-text-block {
    font-size: 13px;
    line-height: 23px;
  }

  .pricing-collection-list {
    grid-template-columns: 1fr;
  }

  .pricing-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .pricing-card-wrapper {
    border-radius: 20px;
    padding: 40px 25px;
  }

  .pricing-card-price {
    margin-bottom: 5px;
  }

  .pricing-details-name-description, .pricing-details-list-wrapper {
    margin-bottom: 20px;
  }

  .pricing-details-heading {
    font-size: 24px;
    line-height: 34px;
  }

  .pricing-details-paragraph-text {
    font-size: 16px;
    line-height: 26px;
  }

  .team-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .team-single-paragraph-text {
    margin-top: 15px;
    font-size: 14px;
  }

  .cart-container {
    max-width: 100%;
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cart-header {
    padding: 20px 0;
  }

  .cart-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cart-name {
    font-size: 28px;
    line-height: 38px;
  }

  .traders-card-wrapper {
    margin-bottom: 20px;
  }

  .blog-name.hv1 {
    max-width: 400px;
    font-size: 22px;
  }

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

  .blog-section-title-hv1 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 50px;
  }

  .blog-section-title-text-hv1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .blog-section-heading-hv1 {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 46px;
  }

  .blog-single-hv1 {
    grid-row-gap: 20px;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  .blog-image-right-hv1 {
    width: 100%;
  }

  .dropdown-single-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    overflow: auto;
  }

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

  .dropdown-list-item-mt70 {
    margin-top: 0;
  }

  .landing-logo-text {
    font-size: 42px;
    line-height: 52px;
  }

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

  .blog-details-name {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
  }

  .blog-details-paragraph-text {
    max-width: 100%;
    font-size: 14px;
    line-height: 24px;
  }

  .blog-details-image-wrapper {
    margin-top: 30px;
  }

  .blog-details-title {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 35px;
  }

  .blog-details-single-paragraph-text {
    font-size: 15px;
    line-height: 25px;
  }

  .blog-details-list-dote {
    flex: none;
  }

  .blog-details-list-text-block {
    font-size: 14px;
    line-height: 24px;
  }

  .blog-details-single-title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-details-quote-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 30px 20px;
  }

  .blog-details-quote-text {
    font-size: 18px;
  }

  .preview-section-title-wrapper {
    margin-bottom: 50px;
  }

  .blog-image-right {
    width: 100%;
    height: 250px;
  }

  .price-category-price {
    font-size: 42px;
    line-height: 52px;
  }

  .how-it-works-wrapper-2 {
    border-radius: 25px;
    padding-top: 40px;
  }

  .fn-container-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-section {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .primary-button-3 {
    padding: 13px 30px;
    font-size: 16px;
  }

  .contact-us-section-copy {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .our-mission-grid-copy {
    grid-template-columns: 1fr;
  }

  .why-zaicryp-single-wrapper-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph-cl {
    font-size: 16px;
  }

  .banner-wrapper {
    border-radius: 25px;
    padding: 60px 20px;
  }

  .banner-section {
    padding-bottom: 80px;
  }

  .nav-link-5 {
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .nav-link-5:hover {
    transform: none;
  }

  .menu-button-2 {
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    margin-right: -12px;
    padding: 16px;
  }

  .nav-container-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-content-2 {
    background-color: #fff;
    border-top: 1px solid #e7ecf0;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 40px;
    position: absolute;
    overflow: auto;
  }

  .nav-menu-2 {
    text-align: center;
    margin-right: 0;
    padding-right: 0;
  }

  .logo-div-2 {
    margin-right: auto;
  }

  .service-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .contact-titel {
    font-size: 36px;
    line-height: 46px;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    background-color: var(--background-blue);
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: fixed;
  }

  .container, .container.hero {
    display: none;
  }

  .navbar-logo-link-block {
    max-width: 120px;
    padding-left: 0;
  }

  .get-started-button {
    padding: 12px 20px;
  }

  .hero-section {
    height: 600px;
    background-image: linear-gradient(rgba(0, 0, 0, .66), rgba(0, 0, 0, .66)), url('../images/Akademie-Berlin-Coaching-Foto-3.png');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 120px;
    display: flex;
  }

  .banner-text-wrapper {
    margin-bottom: 0;
  }

  .hero-titel {
    color: #fff;
    text-shadow: none;
    font-size: 22px;
    font-weight: 900;
    line-height: 34px;
  }

  .primary-button {
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 16px;
  }

  .why-zaicryp {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .why-zaicryp-section-title-wrapper {
    margin-bottom: 40px;
  }

  .why-zaicryp-section-title {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 32px;
  }

  .why-zaicryp-section-paragraph-text {
    font-size: 15px;
  }

  .why-zaicryp-single-wrapper {
    padding: 30px 15px;
  }

  .why-zaicryp-icon-wrapper {
    width: 80px;
    height: 80px;
  }

  .why-zaicryp-icon-wrapper.font {
    margin-bottom: 15px;
  }

  .feature-section {
    background-color: var(--white-body);
    padding: 3rem 1rem;
  }

  .feature-section.coaching {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .footer-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-top-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-details-pargraph-text {
    font-size: 14px;
    line-height: 24px;
  }

  .footer-details-form-input {
    height: 50px;
    padding: 0 15px;
    font-size: 14px;
  }

  .footer-details-submit-button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .footer-menu-wrapper {
    flex-direction: column;
    display: block;
  }

  .footer-menu-grid {
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .footer-info-text-wrapper {
    text-align: center;
  }

  .footer-text-block {
    font-size: 14px;
  }

  .footer-icons-wrapper {
    margin-top: 5px;
  }

  .footer-world-img {
    width: 200px;
  }

  .features-wrapper {
    grid-row-gap: 1rem;
    align-items: flex-start;
  }

  .features-left-content {
    align-items: flex-start;
  }

  .features-text-wrapper {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .features-titel {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 26px;
    font-weight: 800;
    line-height: 36px;
    display: block;
  }

  .features-titel.white {
    color: #fff;
  }

  .body-text {
    text-align: left;
    margin-left: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .tab-link {
    border-radius: 15px;
    padding: 15px;
  }

  .grid-image {
    display: none;
  }

  .download-app-wrapper {
    background-image: linear-gradient(to bottom, transparent, var(--background-blue)), linear-gradient(to bottom, var(--dark-slate-blue), var(--dark-slate-blue));
    border-radius: 20px;
    padding: 40px 15px;
  }

  .download-app-title {
    text-align: left;
    font-size: 19px;
    line-height: 29px;
  }

  .banner-body-text {
    text-align: left;
    font-size: 15px;
    line-height: 25px;
  }

  .button-container {
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
  }

  .secondary-button {
    width: 80%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    padding: 13px 20px;
    font-size: 15px;
  }

  .secondary-button:hover {
    background-color: rgba(0, 0, 0, 0);
  }

  .inner-banner {
    background-image: linear-gradient(rgba(0, 0, 0, .77), rgba(0, 0, 0, .77)), url('../images/Fels-Akademie-Unterricht-1800x1200.png');
    background-position: 0 0, 50%;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 150px;
    padding-bottom: 100px;
    display: flex;
  }

  .inner-banner-title {
    font-size: 25px;
    line-height: 35px;
  }

  .inner-banner-text-link {
    font-size: 15px;
    line-height: 25px;
  }

  .our-story-section {
    background-color: var(--white-body);
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-story-section-text-block {
    margin-bottom: 10px;
  }

  .our-story-section-title {
    font-size: 24px;
    line-height: 34px;
  }

  .our-story-section-paragraph-text.width-680 {
    font-size: 15px;
  }

  .our-mission-section {
    padding-bottom: 60px;
  }

  .our-mission-single-wrapper {
    border-radius: 15px;
    padding: 30px 15px;
  }

  .our-mission-icon-image {
    width: 30px;
  }

  .our-mission-title {
    font-size: 20px;
    line-height: 30px;
  }

  .our-mission-paragraph-text {
    font-size: 14px;
  }

  .team-member-section {
    padding-bottom: 60px;
  }

  .team-collection-list {
    grid-template-columns: 1fr;
  }

  ._404-not-found-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  ._404-not-found-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  ._404-not-found-image-wrapper {
    margin-bottom: 15px;
  }

  ._404-not-found-image {
    width: 100px;
  }

  ._404-not-found-title {
    font-size: 26px;
    line-height: 36px;
  }

  ._404-not-found-paragraph-text {
    margin-bottom: 20px;
    font-size: 15px;
  }

  ._404-not-found-button {
    padding: 13px 30px;
  }

  .protected-password-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .protected-password-single-wrapper {
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .protected-password-image-wrapper {
    margin-bottom: 20px;
  }

  .protected-password-image {
    width: 45px;
  }

  .protected-password-title {
    font-size: 24px;
    line-height: 34px;
  }

  .protected-password-paragraph-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .protected-password-input {
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  .protected-password-submit-button {
    height: 50px;
    font-size: 16px;
  }

  .style-guide-heading-wrapper {
    margin-bottom: 20px;
  }

  .contact-us-section {
    padding: 60px 0;
  }

  .contact-us.full {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-submit-button {
    width: 100%;
    padding: 13px 25px;
  }

  .integrations-section-two {
    background-color: var(--white-body);
    padding: 0 1rem 60px;
  }

  .integrations-single {
    text-align: center;
    padding: 15px;
  }

  .integrations-details-text {
    font-size: 14px;
  }

  .integrations-link-block-arrow {
    max-width: 20px;
  }

  .integrations-link-block-text:hover {
    color: #54aad6;
  }

  .integrations-single-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .integrations-single-button {
    padding: 13px 25px;
    font-size: 15px;
  }

  .integrations-details-single {
    padding-left: 10px;
  }

  .integrations-single-title {
    font-size: 17px;
    line-height: 27px;
  }

  .integrations-single-paragraph {
    font-size: 13px;
    line-height: 23px;
  }

  .integrations-list-single-wrapper {
    align-items: flex-start;
  }

  .integrations-list-dote {
    flex: none;
    margin-top: 7px;
    margin-right: 5px;
  }

  .pricing-single-wrapper {
    border-radius: 15px;
    padding: 30px 15px;
  }

  .pricing-top-content {
    padding-bottom: 20px;
  }

  .pricing-description {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  .price-text-block {
    font-size: 28px;
    line-height: 38px;
  }

  .pricing-list {
    margin-bottom: 15px;
  }

  .pricing-button {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .pricing-single-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pricing-card-wrapper {
    padding: 35px 15px 30px;
  }

  .pricing-card-text-wrapper {
    margin-bottom: 20px;
  }

  .pricing-card-text-block {
    margin-bottom: 10px;
  }

  .pricing-card-price {
    font-size: 30px;
  }

  .choose-duration {
    height: 45px;
    font-size: 15px;
    line-height: 25px;
  }

  .add-to-cart-button {
    height: 45px;
    font-size: 16px;
  }

  .pricing-details-name {
    font-size: 36px;
    line-height: 46px;
  }

  .pricing-details-description {
    font-size: 15px;
    line-height: 25px;
  }

  .pricing-details-list-single-wrapper {
    margin-bottom: 10px;
  }

  .pricing-details-list-text-blck {
    font-size: 16px;
  }

  .pricing-details-heading {
    font-size: 17px;
    line-height: 30px;
  }

  .pricing-details-paragraph-text {
    font-size: 14px;
    line-height: 24px;
  }

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

  .team-single-name {
    font-size: 20px;
    line-height: 30px;
  }

  .navbar-cart-wrapper {
    margin-right: 15px;
  }

  .cart-button-icon-wrapper {
    width: 40px;
    height: 40px;
  }

  .cart-item {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .cart-plan-title {
    font-size: 20px;
    line-height: 30px;
  }

  .cart-plan-price {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .cart-name {
    font-size: 24px;
    line-height: 34px;
  }

  .cart-subtotal-text {
    font-size: 18px;
  }

  .continue-to-checkout-button {
    height: 50px;
    font-size: 16px;
  }

  .banner-details-paragraph-text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
  }

  .blog-text-wrapper, .blog-text-wrapper.mt35 {
    margin-top: 20px;
  }

  .blog-date-text-block {
    margin-bottom: 7px;
  }

  .blog-name {
    font-size: 16px;
    line-height: 26px;
  }

  .blog-name.hv1 {
    font-size: 17px;
    line-height: 27px;
  }

  .blog-link {
    font-size: 16px;
  }

  .blog-link-wrapper {
    margin-top: 15px;
  }

  .blog-section-hv1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-section-title-text-hv1 {
    margin-bottom: 15px;
  }

  .blog-section-text-block {
    margin-bottom: 10px;
  }

  .blog-section-heading-hv1 {
    margin-bottom: 7px;
    font-size: 28px;
    line-height: 38px;
  }

  .blog-section-paragraph-text {
    font-size: 15px;
    line-height: 25px;
  }

  .blog-single-wrapper-hv1 {
    border-radius: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-image-left-hv1 {
    height: auto;
  }

  .blog-single-hv1 {
    border-radius: 15px;
    padding: 20px 15px;
  }

  .dropdown-single-wrapper {
    border-radius: 20px;
    padding: 20px;
  }

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

  .blog-details-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-details-date-text-block {
    margin-bottom: 10px;
  }

  .blog-details-name {
    font-size: 18px;
    line-height: 28px;
  }

  .blog-details-paragraph-text {
    font-size: 13px;
    line-height: 23px;
  }

  .blog-details-image-wrapper {
    margin-top: 20px;
  }

  .blog-details-text-wrapper {
    margin-top: 30px;
  }

  .blog-details-title {
    font-size: 20px;
    line-height: 30px;
  }

  .blog-details-single-paragraph-text {
    font-size: 14px;
  }

  .blog-details-list-single-wrapper {
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .blog-details-list-dote {
    flex: none;
    margin-top: 7px;
    margin-right: 5px;
  }

  .blog-details-single-title {
    font-size: 18px;
    line-height: 28px;
  }

  .blog-details-quote-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-details-quote-text {
    font-size: 15px;
    line-height: 25px;
  }

  .checkout-header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .preview-section-title-wrapper {
    margin-bottom: 45px;
  }

  .blog-image-right {
    height: auto;
  }

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

  .price-category-section {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .price-category-price {
    font-size: 36px;
    line-height: 46px;
  }

  .body {
    background-color: #015078;
  }

  .image.home {
    background-image: url('../images/Fels-Akademie-Unterricht-1800x1200.png');
    background-position: 100% 0;
  }

  .image.home._2 {
    background-image: url('../images/Akademie-Berlin-Coaching-Foto.png');
    background-position: 0%;
  }

  .tab-link-2 {
    border-radius: 15px;
    padding: 15px;
  }

  .how-it-works-wrapper-2 {
    border-radius: 20px;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-8 {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .link-block-3 {
    padding-top: 0;
  }

  .primary-button-3 {
    width: 80%;
    text-align: center;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 16px;
  }

  .div-block-13 {
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section {
    background-color: #fff;
    background-image: none;
    background-position: 0 0;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .section.background-light {
    background-color: var(--white-body);
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .section.background-light.hide {
    display: none;
  }

  .section.background-light.bright {
    background-color: var(--white);
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .contact-us-section-copy {
    background-color: #f2f2f2;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-mission-single-wrapper-copy {
    border-radius: 15px;
    padding: 30px 15px;
  }

  .why-zaicryp-single-wrapper-2 {
    padding: 30px 15px;
  }

  .why-zaicryp-name-2 {
    font-size: 22px;
  }

  .feature-section-small-titel {
    margin-bottom: 10px;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab.card {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .reasons {
    padding-top: 0;
    padding-bottom: 0;
  }

  .bullet-list.margin-bottom-30.grid {
    grid-row-gap: 20px;
    display: flex;
  }

  .container-f {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .grid-section {
    background-color: var(--white-body);
  }

  .grid-wrapper._3 {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .grid-wrapper._3.no {
    flex-direction: column;
    display: flex;
  }

  .grid-wrapper.no {
    flex-direction: column;
    padding-bottom: 30px;
    display: flex;
  }

  .image-section {
    padding: 3rem 1rem;
  }

  .grid-container {
    flex-direction: column;
    display: flex;
  }

  .image-8 {
    height: 250px;
  }

  .feature-full {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .paragraph-cl {
    font-size: 15px;
  }

  .banner-wrapper {
    background-image: linear-gradient(to bottom, rgba(2, 69, 104, .6), rgba(2, 69, 104, .6)), linear-gradient(to bottom, transparent, var(--background-blue));
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    border-radius: 20px;
    padding: 40px 15px;
  }

  .banner-section {
    background-image: linear-gradient(rgba(0, 0, 0, .81), rgba(0, 0, 0, .81)), url('../images/Berlin.jpg');
    background-position: 0 0, 100%;
    background-size: auto, cover;
    padding: 3rem 1rem;
  }

  .div-block-29, .info-card {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-31 {
    grid-row-gap: 10px;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .ms-checkbox-wrap {
    display: flex;
  }

  .flex-row-outer {
    flex-direction: column;
  }

  .flex-row-outer.h {
    grid-column-gap: 20px;
    flex-direction: row;
  }

  .input {
    padding-right: 0;
  }

  .input-wrapper._15p-right {
    margin-right: 0;
  }

  .ms-radio-wrap {
    align-items: flex-start;
    display: flex;
  }

  .image-container {
    display: none;
  }

  .images.about-us._2 {
    width: 100%;
    height: 250px;
  }

  .images.about-us._3 {
    height: 250px;
  }

  .navigation-container {
    display: none;
  }

  .ms-checkbox-wrap-2 {
    display: flex;
  }

  .checkbox-label-2, .checkbox-label-3 {
    font-size: 14px;
  }

  .nav-link-5 {
    max-width: 100%;
    min-width: 100%;
    color: #fff;
    text-align: left;
    text-transform: capitalize;
    border-bottom: 1px rgba(232, 232, 232, .11);
    padding-left: 22px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .nav-link-5:hover {
    color: #fff;
  }

  .nav-link-5:visited {
    color: #fff;
    order: 0;
  }

  .menu-button-2 {
    flex: 0 auto;
  }

  .menu-button-2.w--open {
    color: #fff;
  }

  .nav-container-2 {
    height: 64px;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0 #000;
    padding: 10px 32px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .nav-logo-2 {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-content-2 {
    min-height: 800px;
    background-color: var(--dark-slate-blue);
    -webkit-text-fill-color: inherit;
    background-image: linear-gradient(276deg, #3b7b9b, rgba(0, 0, 0, 0));
    background-clip: border-box;
    border-top-style: none;
    order: 1;
    position: fixed;
    top: 10%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .nav-menu-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #de0000;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20px;
    display: flex;
  }

  .mobile-container {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-29-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .image-10 {
    max-width: 100px;
  }

  .div-block-33 {
    flex-direction: column;
    align-items: flex-start;
    display: block;
  }

  .div-block-34 {
    justify-content: flex-start;
    display: flex;
  }

  .text-block-12 {
    color: rgba(0, 0, 0, .7);
  }

  .success-message {
    border-radius: 10px;
  }

  .text-block-13 {
    color: #000;
  }

  .image-11 {
    max-width: 90%;
  }

  .div-block-8-copy {
    flex-direction: column;
    display: flex;
  }

  .flex-block {
    grid-column-gap: 0px;
    grid-row-gap: 70px;
    flex-direction: column;
  }

  .h3 {
    font-size: 22px;
  }

  .content-block {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .banner-titel {
    text-align: left;
    font-size: 26px;
    line-height: 36px;
  }

  .service-section {
    background-color: var(--white);
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-popup_component {
    max-width: 100%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .container-v {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .contact-titel {
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 26px;
    font-weight: 800;
    line-height: 36px;
    display: block;
  }

  .contact-titel.white {
    color: #fff;
  }

  .flex-block-3 {
    flex-direction: column;
  }

  .flex-block-4, .flex-block-5 {
    align-items: flex-start;
    display: block;
  }

  .flex-block-6 {
    margin-bottom: 1vh;
  }
}

#w-node-_3132192d-ed96-d798-26c6-427cb0897a55-b0897a4e, #w-node-_3132192d-ed96-d798-26c6-427cb0897a56-b0897a4e, #w-node-_7bc2b854-e2d4-8bb4-9b27-73b1e81b507c-e81b5065, #w-node-_8ebe719f-b366-e062-d78e-fcccf87c89cc-e81b5065, #w-node-_7bc2b854-e2d4-8bb4-9b27-73b1e81b509d-e81b5065, #w-node-dae516b8-cf87-4bc7-9f10-f0ece7e008b6-e81b5065, #w-node-dae516b8-cf87-4bc7-9f10-f0ece7e008c5-e81b5065, #w-node-dae516b8-cf87-4bc7-9f10-f0ece7e008d6-e81b5065 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8ebf843e-17ac-7887-3d3d-e25f7c9d93e9-89e00b40, #w-node-_4001f117-d6b0-a8ca-2e14-4ba80e789b04-89e00b40 {
  align-self: auto;
  justify-self: auto;
}

#w-node-_926f1839-2205-9868-bbc2-6eb8f331c334-89e00b40, #w-node-_926f1839-2205-9868-bbc2-6eb8f331c336-89e00b40, #w-node-_1cb18a78-5319-2804-43f2-6ce6e1ad9e46-89e00b40, #w-node-_1cb18a78-5319-2804-43f2-6ce6e1ad9e44-89e00b40, #w-node-_2bd7d971-4b96-f2c3-a959-28544da2c8be-89e00b40, #w-node-_2bd7d971-4b96-f2c3-a959-28544da2c8b7-89e00b40, #w-node-_38296915-c520-3006-10e7-4ed3123d4e7c-89e00b40, #w-node-_38296915-c520-3006-10e7-4ed3123d4e7d-89e00b40, #w-node-_38296915-c520-3006-10e7-4ed3123d4e80-89e00b40, #w-node-_38296915-c520-3006-10e7-4ed3123d4e8f-89e00b40, #w-node-_3a06290e-4b3f-bed8-9036-b95b4a3d0c94-89e00b44, #w-node-_7d71e3e2-52b1-060b-8c76-a2f9f202d1cb-89e00b44, #w-node-_79e3cdd0-c64f-ac89-a40f-4b8da407deee-89e00b44, #w-node-aaad9c34-9627-8d8b-1321-7382edb93536-89e00b44, #w-node-_95656d20-e3fd-ff7d-984c-91f33204823c-89e00b44, #w-node-_933ca425-9e80-44b1-32bd-4a6bc1e244f8-89e00b44, #w-node-_528e7d15-1a3b-f709-7c22-95e4dbae7bce-89e00b44, #w-node-_528e7d15-1a3b-f709-7c22-95e4dbae7bd9-89e00b44, #w-node-_528e7d15-1a3b-f709-7c22-95e4dbae7be5-89e00b44, #w-node-_528e7d15-1a3b-f709-7c22-95e4dbae7bf0-89e00b44, #w-node-_528e7d15-1a3b-f709-7c22-95e4dbae7bfb-89e00b44, #w-node-_528e7d15-1a3b-f709-7c22-95e4dbae7c06-89e00b44, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-dddca3eb, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-dddca3eb, #w-node-fa5fcc76-9039-4b4b-dc3d-b66441c0c5ab-dddca3eb, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-dddca3eb, #w-node-_44c1ce58-52ba-8955-a27c-c368ba3716df-dddca3eb, #w-node-_44c1ce58-52ba-8955-a27c-c368ba3716e1-dddca3eb, #w-node-_44c1ce58-52ba-8955-a27c-c368ba3716ff-dddca3eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_46ce5d12-d3af-c81d-6931-7c421a76b780-1a76b77f {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_46ce5d12-d3af-c81d-6931-7c421a76b788-1a76b77f, #w-node-_46ce5d12-d3af-c81d-6931-7c421a76b790-1a76b77f, #w-node-_46ce5d12-d3af-c81d-6931-7c421a76b798-1a76b77f, #w-node-_46ce5d12-d3af-c81d-6931-7c421a76b7a0-1a76b77f, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-0c535081, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-0c535081, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-0c535081, #w-node-e1b194a4-0844-8494-2484-695f405dce0e-0c535081, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-1508c840, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-1508c840, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-1508c840, #w-node-_6519dd94-11a7-bbcd-ac3f-63f5c274974f-1508c840, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-fe74cc39, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-fe74cc39, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-fe74cc39, #w-node-c18db335-d229-e231-8cec-63dd8828495e-fe74cc39, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-35b76213, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-35b76213, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-35b76213, #w-node-a6d586fa-7290-7c34-fe8c-b31d95ac06d5-35b76213, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-c7b5c54a, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-c7b5c54a, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-c7b5c54a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c7f7f697-1f78-962b-181f-4122bc146b3d-efdf096f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-baf4b15b-f2eb-3074-5ebd-66f99f38a9ab-efdf096f, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-efdf096f, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-efdf096f, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-8a5bcf20, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-8a5bcf20, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-8a5bcf20, #w-node-ed1ac248-28ed-aba7-ce22-34f61c045c03-8a5bcf20 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2c6a8045-c9e9-1ca7-3c1d-e55005806f6e-8a5bcf20 {
  align-self: auto;
  justify-self: auto;
}

#w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-c2a59d4c, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-297df0a4, #w-node-_2f262e18-62a2-62db-440d-3af878c143b2-78f04239, #w-node-_2f262e18-62a2-62db-440d-3af878c143b4-78f04239, #w-node-_3b74b75e-c1be-fbb5-1fcd-9e21c69332cf-78f04239, #w-node-ed1ac248-28ed-aba7-ce22-34f61c045c03-78f04239, #w-node-_3a06290e-4b3f-bed8-9036-b95b4a3d0c94-446a4cf7, #w-node-_7d71e3e2-52b1-060b-8c76-a2f9f202d1cb-446a4cf7, #w-node-f96942b9-2ac5-4840-e392-1c82fbc9f49a-446a4cf7, #w-node-f96942b9-2ac5-4840-e392-1c82fbc9f4a7-446a4cf7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_46ce5d12-d3af-c81d-6931-7c421a76b780-1a76b77f {
    grid-column: span 8 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_46ce5d12-d3af-c81d-6931-7c421a76b780-1a76b77f {
    grid-column: span 4 / span 4;
  }
}


@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans variable';
  src: url('../fonts/GeneralSans-Variable.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}