@font-face {
  font-family: Orangesandlemonscaps Webfont;
  src: url('../fonts/orangesandlemonscaps-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chesnagrotesk;
  src: url('../fonts/ChesnaGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chesnagrotesk;
  src: url('../fonts/ChesnaGrotesk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chesnagrotesk Book;
  src: url('../fonts/ChesnaGrotesk-Book.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mudstone Sans;
  src: url('../fonts/mudstone-sans.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --light-purple: #f7f4f1;
  --black: #000;
  --pfirsich: #f8cbcf;
  --durchsichtig: #fff0;
  --zitrone: #dce282;
  --heidelbeere: #e5c3db;
  --melisse: #c3ddae;
  --teal: #68d9ff;
  --white: #fff;
  --pink: #fc0c68;
  --yellow: #f1e14b;
  --orange: #fa7d18;
}

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

.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-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  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;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  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;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  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 {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.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 {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

.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 {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.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 {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

.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 {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 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;
  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-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-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-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

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

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

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

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

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

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.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 {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.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;
  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 {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  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 {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  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 {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.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;
}

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

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

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

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

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

@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 {
    font-size: 16px;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

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

body {
  background-color: var(--light-purple);
  color: #333;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
}

h1 {
  letter-spacing: .01em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 4.5rem;
}

h2 {
  color: var(--black);
  letter-spacing: .01em;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4rem;
}

h3, h4 {
  color: var(--black);
  letter-spacing: .01em;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
}

h5 {
  color: var(--black);
  text-align: left;
  letter-spacing: .02em;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
}

h6 {
  letter-spacing: -.02em;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.1;
}

p {
  text-align: left;
  margin-bottom: 10px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.5rem;
}

a {
  text-transform: uppercase;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-weight: 700;
  text-decoration: underline;
  transition: opacity .35s;
}

a:hover {
  opacity: .9;
}

li {
  text-align: left;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

figure {
  justify-content: flex-start;
  margin-bottom: 10px;
  display: flex;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

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

.grid-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-block.z-index-15 {
  position: relative;
}

.grid-block.review-sticky-text-box {
  position: sticky;
  top: 39px;
}

.grid-block.display-none-tablet-mobile.none {
  display: none;
}

.grid-block.display-none-tablet-mobile.center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-block.relative {
  position: relative;
}

.grid-block.product-detail {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.grid-block._100-width {
  width: 100%;
}

.grid-block.benefit-up {
  margin-top: -133px;
}

.grid-block.benefit-right {
  margin-top: 23px;
  margin-right: -174px;
}

.grid-block.benefit-left {
  margin-left: -174px;
}

.grid-block.opacity-0 {
  opacity: 0;
}

.grid-block.center-aligned {
  text-align: center;
}

.grid-block.overflow-hidden {
  overflow: hidden;
}

.grid-block.display-none {
  display: none;
}

.section {
  position: relative;
}

.section.home-01-intro {
  background-color: #ff685e;
  margin-top: -154px;
  padding-top: 61px;
  overflow: hidden;
}

.section.home-01-products {
  overflow: hidden;
}

.section.other-benefits {
  background-image: linear-gradient(#f7a7c7, #ff2e80);
}

.section.other-benefits.home-02 {
  background-image: linear-gradient(#fc382f, #ff2e80);
}

.section.reviews {
  background-color: #d7fc84;
  background-image: url('../images/woman-enjoying-drink.webp'), linear-gradient(#dffd9b, #c0f93f);
  background-position: 0%, 0 0;
  background-size: cover, auto;
}

.section.founder {
  background-image: linear-gradient(#ff8b6c, #fa595c);
}

.section.founder.home-02 {
  background-image: radial-gradient(circle farthest-corner at 20% 40%, var(--pfirsich), var(--durchsichtig) 27%);
  max-height: none;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}

.section.founder.home-02.model_8 {
  background-image: url('../images/2025_nosuga_model036.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.founder.home-02.top-149px {
  padding-top: 149px;
}

.section.founder.home-02.text {
  background-image: url('../images/2025_nosuga_model036.webp');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.founder.home-02.text.bottom-40vh-copy {
  background-size: 25vw;
}

.section.founder.home-02.end {
  padding-bottom: 6rem;
}

.section.mixes {
  background-image: linear-gradient(#fa595b, #ff9544);
  overflow: hidden;
}

.section.mixes.cms {
  z-index: 5;
  background-image: none;
  margin-top: -48px;
}

.section.home-02-hero {
  background-image: radial-gradient(circle farthest-corner at 5% 20%, var(--pfirsich), var(--durchsichtig) 14%);
  padding-top: 6rem;
  overflow: hidden;
}

.section.home-02-hero.first.header {
  background-image: radial-gradient(circle farthest-corner at 70% 40%, var(--zitrone), var(--durchsichtig) 29%);
  width: 100%;
  min-height: auto;
  padding-top: 10rem;
  top: auto;
}

.section.home-02-hero.first.header.aligne-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.home-02-hero.hibiskus {
  background-image: radial-gradient(circle farthest-corner at 60% 50%, var(--heidelbeere), var(--durchsichtig) 36%), radial-gradient(circle farthest-corner at 20% 20%, var(--heidelbeere), var(--durchsichtig) 20%);
}

.section.home-02-hero.holunder {
  background-image: radial-gradient(circle farthest-corner at 50% 30%, var(--melisse), var(--durchsichtig) 32%);
}

.section.home-02-hero.zitrone {
  background-image: radial-gradient(circle farthest-corner at 70% 70%, var(--zitrone), var(--durchsichtig) 18%), radial-gradient(circle farthest-corner at 10% 20%, var(--zitrone), var(--durchsichtig) 18%);
}

.section.home-02-benefits {
  overflow: hidden;
}

.section.home-02-products {
  background-image: linear-gradient(#ff9fc7, #ff2142);
  overflow: hidden;
}

.section.testimonials {
  z-index: 5;
  background-color: #efe5ff;
  background-image: linear-gradient(#efe5ff, #eee3ff);
}

.section.sampler {
  z-index: 5;
  background-color: #efe5ff;
  background-image: linear-gradient(#efe5ff, #eee2ff 21%, #efe5ff);
}

.section.home-03-hero {
  background-image: radial-gradient(circle at 15% 15%, #dce282, #fff 51%);
  overflow: hidden;
}

.section.home-03-hero._100vh {
  height: 100vh;
}

.section.home-03-hero._100vh.center {
  background-image: radial-gradient(circle at 100% 100%, #f8cbcf, #fff0 85%), radial-gradient(circle at 15% 15%, #dce282, #fff 51%);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  height: 100vh;
  min-height: 900px;
  display: flex;
}

.section.baby-blue {
  background-color: #4eceff;
}

.section.baby-blue.home-03-intro {
  padding-top: 92px;
  overflow: hidden;
}

.section.baby-blue.hand-holding-can-through-hole {
  background-image: linear-gradient(#4eceff, #49ccff);
}

.section.home-03-reviews {
  background-color: #ff2345;
  background-image: linear-gradient(#ff2242, #fd1e3f);
}

.section.home-03-products {
  background-image: linear-gradient(#ff9fc7, #ff2142);
  display: none;
  overflow: hidden;
}

.section.yellow {
  background-color: #f0e14a;
}

.section.yellow.subscribe {
  background-image: linear-gradient(#f0e14a, #f1e24c 68% 78%, #f0e14a);
  padding-bottom: 104px;
  overflow: hidden;
}

.section.yellow.sayian-ambassadors {
  background-image: linear-gradient(#f0e049, #f5e443);
}

.section.about-01-hero {
  background-image: linear-gradient(#ff3285, #ff545e);
  overflow: hidden;
}

.section.about-01-intro {
  background-color: #ff545f;
}

.section.about-us-extra-info {
  background-color: #68d9ff;
  background-image: linear-gradient(#68d9ff, #07bbf8);
  overflow: hidden;
}

.section.about-us-02-hero {
  padding-top: 180px;
  padding-bottom: 180px;
  overflow: hidden;
}

.section.about-us-02-intro {
  background-image: linear-gradient(180deg, var(--teal), #69bbfe 58%);
  overflow: hidden;
}

.section.about-us-02-intro.teal-gradient {
  background-color: var(--teal);
  background-image: linear-gradient(#68d9ff, #5bd5fd 49%, #68d9ff 102%);
  padding-top: 164px;
}

.section.stacks-up {
  background-color: #f1e14b;
  background-image: linear-gradient(#f1e14b, #ffeb32);
  overflow: hidden;
}

.section.about-us-facts {
  background-color: #fc0d67;
}

.section.split-founder {
  background-color: #f7f4f1;
  background-image: radial-gradient(circle at 0 70%, #c3ddae, #fff0 27%), radial-gradient(circle at 100%, #e5c3db, #fff0 78%), radial-gradient(circle at 0 0, #b9d26e, #fff0 15%);
  padding-top: 12rem;
  padding-bottom: 6rem;
  overflow: hidden;
}

.section.split-founder._02 {
  overflow: hidden;
}

.section.split-founder.datenschutz {
  min-height: 100vh;
}

.section.pink {
  background-color: #fc0c68;
  background-image: linear-gradient(#fc0c68, #f50a64);
}

.section.about-us-03-hero {
  background-color: #ffa8ee;
  background-image: linear-gradient(#ffa8ee, #ff93ea);
  overflow: hidden;
}

.section.quote-pink {
  background-color: #fa609e;
  background-image: linear-gradient(#fa609e, #ff5a9c 55%, #fa609e);
  overflow: hidden;
}

.section.teal {
  background-color: var(--teal);
}

.section.product-page-hero {
  overflow: hidden;
}

.section.white {
  background-color: #fff;
}

.section.product-page-cheers, .section.comparison, .section.overflow-hidden {
  overflow: hidden;
}

.section.all-flavors {
  border-bottom: 1px solid var(--teal);
  background-color: #efe4ec;
  background-image: linear-gradient(#efe4ec, #e7dbe4);
}

.section.product-collection-page {
  background-color: #f6f2f6;
  background-image: linear-gradient(#f6f1f6, #f3ecf3);
  margin-top: -54px;
  overflow: hidden;
}

.section.mixer-cms-body {
  background-color: #f6f1f6;
}

.section.light-purple {
  background-color: #f6f1f600;
}

.section.light-purple.contact-02-intro {
  z-index: 5;
  background-color: #f6f1f600;
}

.section.light-purple.contact-02-intro.end {
  padding-bottom: 100px;
}

.section.contact-us-01 {
  background-color: #58d5ff;
  background-image: linear-gradient(#58d5ff, #54d4ff);
}

.section.contact-us-02 {
  background-color: #58d5ff00;
}

.section.contact-03 {
  background-color: #68d9ff;
  background-image: linear-gradient(#68d9ff, #62d6fd);
}

.section.admin-body {
  z-index: 5;
  margin-top: -62px;
}

.section.faq, .section.sub-page {
  background-color: var(--heidelbeere);
}

.section.sub-page.faq {
  background-color: #f13e3700;
  background-image: linear-gradient(#0000000d, #0000000d), url('../images/engin-akyurt-rz1Tp30hWAU-unsplash.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.overflow-hidden.none {
  display: none;
}

.section.pink-expert-team {
  background-color: #fc0c68;
  background-image: linear-gradient(#fc0c68, #ce0e57 48%, #fc0d68 102%);
}

.section.about-us-03-values {
  background-image: linear-gradient(#fde826, #fde820);
}

.section.none {
  display: none;
}

.section.about-us-02-hero-copy {
  padding-top: 180px;
  padding-bottom: 180px;
  overflow: hidden;
}

.section.about-us-02-hero-copy.randlos {
  background-image: radial-gradient(circle farthest-corner at 20% 60%, var(--pfirsich), var(--durchsichtig) 34%), radial-gradient(circle farthest-corner at 80% 25%, var(--zitrone), var(--durchsichtig) 28%);
  padding-top: 6rem;
  padding-bottom: 0;
}

.section.about-us-02-hero-copy.randlos.first {
  background-image: radial-gradient(circle farthest-corner at 20% 60%, var(--pfirsich), var(--durchsichtig) 15%), radial-gradient(circle farthest-corner at 80% 25%, var(--zitrone), var(--durchsichtig) 17%);
}

.section.about-us-02-hero-copy.randlos.first.gradient {
  background-image: radial-gradient(circle farthest-corner at 20% 30%, var(--melisse), var(--durchsichtig) 20%), radial-gradient(circle farthest-corner at 100% 60%, var(--pfirsich), var(--durchsichtig) 28%);
}

.section.about-us-02-hero-copy.randlos.abo {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.about-us-02-hero-copy.randlos.success {
  padding-bottom: 6rem;
}

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

.section.bg.gradient {
  background-image: none;
  display: block;
}

.section.bg.gradient.model_1 {
  width: auto;
}

.section.hero {
  background-color: var(--light-purple);
  background-image: radial-gradient(circle farthest-corner at 75% 50%, var(--zitrone), var(--durchsichtig) 28%);
  min-height: 800px;
}

.rich-text {
  text-align: left;
}

.style-guide-h2 {
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 55px;
  line-height: 1;
}

.container {
  max-width: 77.5rem;
  padding: 100px 3rem;
}

.container.admin-page {
  margin-left: auto;
  margin-right: auto;
  padding-top: 43px;
  padding-bottom: 242px;
}

.container.admin-page.changelog-instructions {
  padding-bottom: 291px;
}

.container.admin-hero {
  padding-top: 208px;
  padding-bottom: 313px;
}

.container.home-01-hero {
  z-index: 10;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 110svh;
  padding: 200px 0 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container.home-01-hero._0 {
  max-width: 90rem;
  height: 100vh;
  min-height: 800px;
  padding-top: 0;
}

.container.home-01-hero._6rem {
  height: auto;
  min-height: 90vh;
  padding-top: 0;
}

.container.home-01-intro {
  max-width: 100%;
  padding: 139px .3rem 301px;
  position: relative;
}

.container.home-01-products {
  z-index: 6;
  margin-right: 0;
  padding-top: 59px;
  padding-bottom: 155px;
  padding-left: 5.8rem;
  position: relative;
  overflow: hidden;
}

.container.location-finder {
  background-image: url('../images/funk-model-2.png');
  background-position: 70vw 100%;
  background-repeat: no-repeat;
  background-size: 50vw;
  background-attachment: scroll;
  align-items: center;
  max-width: 100%;
  margin-top: -148px;
  padding-top: 436px;
  padding-bottom: 520px;
  display: flex;
}

.container.other-benefits {
  z-index: 15;
  padding-top: 154px;
  padding-bottom: 167px;
  position: relative;
}

.container.other-benefits.home-02 {
  padding-top: 27px;
  padding-bottom: 89px;
}

.container.press-testimonial {
  padding-top: 128px;
  padding-bottom: 175px;
}

.container.founder {
  background-color: #af4b4b00;
  padding-top: 0;
  padding-bottom: 0;
}

.container.founder.top-50-x {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.founder.top-50-x.bottom-0px {
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}

.container.founder.top-50-x.padding-50px {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.container.mixes {
  padding-top: 49px;
}

.container.mixes.cms {
  padding-top: 0;
  padding-bottom: 339px;
}

.container.home-02-hero {
  padding-top: 230px;
  padding-bottom: 230px;
}

.container.home-02-hero.randlos {
  padding: 0 4rem;
}

.container.home-02-hero.randlos.top-6rem {
  max-width: 120rem;
  padding-top: 0;
  padding-bottom: 0;
}

.container.home-02-hero.bottom-0px {
  padding-top: 0;
  padding-bottom: 0;
}

.container.home-02-hero.bottom-0px.top-100 {
  padding-top: 6rem;
}

.container.home-02-benefits {
  z-index: 16;
  max-width: 100%;
  padding: 49px 0 365px;
  position: relative;
}

.container.home-02-benefits.produkte {
  max-width: none;
  padding: 0 3rem;
}

.container.home-02-products {
  z-index: 20;
  padding-top: 12px;
  padding-bottom: 315px;
  position: relative;
}

.container.reviews {
  padding-top: 124px;
  padding-bottom: 293px;
}

.container.reviews.product-page {
  z-index: 10;
  padding-top: 45px;
  padding-bottom: 180px;
  position: relative;
}

.container.home-03-hero {
  z-index: 15;
  justify-content: center;
  height: 80vh;
  min-height: 600px;
  max-height: none;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  position: relative;
}

.container.home-03-hero._20vh {
  justify-content: center;
  align-items: flex-end;
  height: 20vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.container.home-03-hero._20vh.bottom {
  height: 20vh;
  min-height: auto;
  max-height: none;
  padding-bottom: 1.5rem;
  display: block;
  bottom: auto;
}

.container.home-03-intro {
  padding-top: 184px;
  padding-bottom: 127px;
}

.container.home-03-benefits {
  max-width: 100%;
  padding-top: 158px;
  padding-bottom: 278px;
  padding-left: 1.2rem;
}

.container.home-03-products {
  z-index: 20;
  padding-top: 0;
  padding-bottom: 142px;
  position: relative;
}

.container.home-03-reviews {
  padding-top: 65px;
  padding-bottom: 363px;
}

.container.social-media-personalities {
  padding-bottom: 358px;
}

.container.about-01-hero {
  z-index: 6;
  padding-top: 153px;
  padding-bottom: 566px;
  position: relative;
}

.container.about-01-intro {
  color: var(--white);
  max-width: 100%;
  padding-bottom: 65px;
  padding-left: 0;
  padding-right: 0;
}

.container.about-us-founders {
  padding-bottom: 0;
}

.container.about-us-extra-info {
  z-index: 6;
  padding-top: 147px;
  padding-bottom: 638px;
  position: relative;
}

.container.about-us-extra-info._01 {
  padding-top: 364px;
  padding-bottom: 496px;
}

.container.about-02-hero {
  padding-top: 157px;
}

.container.two-founders {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.container.two-founders._02 {
  padding-top: 41px;
  padding-bottom: 110px;
}

.container.two-founders.datenschutz {
  max-width: 100%;
}

.container.about-us-facts {
  padding-top: 0;
  position: relative;
}

.container.about-03-hero {
  padding: 186px 0 0;
}

.container.dragonfruit-splash {
  max-width: 100%;
  padding: 19px 0 297px;
}

.container.about-us-03-quote {
  padding-top: 33px;
  padding-bottom: 274px;
  position: relative;
}

.container.value-cards {
  padding-bottom: 124px;
}

.container.product-box {
  max-width: 100%;
  height: 125svh;
  padding: 0 0;
}

.container.product-page-intro {
  padding-top: 159px;
  padding-bottom: 167px;
}

.container.cheers-product-image {
  max-width: 100%;
  padding-bottom: 189px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.container.comparison-chart {
  padding-bottom: 0;
  position: relative;
}

.container.product-page, .container.product-page-explore-flavors {
  z-index: 20;
  position: relative;
}

.container.all-flavors {
  padding-top: 129px;
  padding-bottom: 237px;
}

.container.product-collection-page {
  z-index: 20;
  padding-top: 21px;
  padding-bottom: 218px;
  position: relative;
}

.container.mixer-cms-hero {
  padding-top: 133px;
}

.container.cms-mixer-intro {
  padding-top: 153px;
  padding-bottom: 0;
}

.container.contact-01 {
  padding-top: 178px;
  padding-bottom: 312px;
}

.container.contact-01-intro {
  padding-top: 0;
  padding-bottom: 365px;
}

.container.contact-02 {
  z-index: 15;
  padding-top: 152px;
  padding-bottom: 693px;
  position: relative;
}

.container.contact-02-intro {
  padding-top: 0;
  padding-bottom: 56px;
}

.container.contact-03 {
  z-index: 6;
  padding-top: 150px;
  padding-bottom: 58px;
  position: relative;
}

.container.footer {
  z-index: 55;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.container.search {
  padding-top: 114px;
  padding-bottom: 206px;
}

.container.frequently-asked {
  padding-top: 0;
  padding-bottom: 196px;
}

.container.faq-page {
  padding-bottom: 277px;
}

.container.product-page-faq {
  padding-bottom: 0;
}

.container.style-guide {
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  padding-bottom: 176px;
}

.container.faq {
  padding-top: 208px;
  padding-bottom: 444px;
}

.container.index-hero {
  padding-top: 130px;
}

.container.index-bottom {
  padding-bottom: 290px;
}

.container.brand-ambassador {
  background-image: url('../images/nosuga_model-man.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 50vw;
  background-attachment: scroll;
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.container.brand-ambassador.top {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.brand-ambassador.top.model_07 {
  background-image: url('../images/2025_nosuga_model011.webp');
  background-size: 40vw;
}

.container.brand-ambassador.top.model_07.last {
  background-position: 100% 100%;
  background-size: 33vw;
  padding-bottom: 200px;
}

.container.brand-ambassador.top._0.finish {
  background-position: 100% 100%;
  background-size: auto 60%;
  padding-bottom: 40vh;
}

.container.none {
  margin-left: 0;
  display: none;
}

.container.overflow {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.container.overflow.slider {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container.overflow.model-01 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--heidelbeere), var(--durchsichtig) 43%);
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.container.overflow.model-01.no-gradient {
  background-image: none;
}

.container.blog-text {
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.container.overflow {
  color: var(--white);
  max-width: 100%;
  padding-bottom: 65px;
  padding-left: 0;
  padding-right: 0;
}

.container.blog {
  width: 100%;
  max-width: none;
  padding: 0 0;
}

.list {
  margin-top: 30px;
}

.detail-block {
  border-radius: 4px;
  padding: 34px 34px 34px 0;
}

.detail-block.medium-paddings {
  padding: 32px;
}

.detail-block.medium-paddings.template-tile {
  margin-bottom: 32px;
}

.grid-fourths {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-box-container.center-aligned {
  text-align: center;
}

.text-box-container.center-aligned.auto {
  margin-left: auto;
  margin-right: auto;
}

.text-box-container._6rem-margin-bottom {
  margin-bottom: 6rem;
}

.style-guide-subtext {
  opacity: .8;
  color: #8f8f8f;
  border-radius: 4px;
  margin-top: 26px;
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-size: 14px;
}

.spacer {
  height: 48px;
}

.spacer._24 {
  text-transform: uppercase;
  background-color: #0000;
  width: 24px;
  height: 24px;
}

.page-wrapper {
  background-color: #f7f4f1;
}

.page-wrapper.color_grade {
  background-color: #f7f4f100;
  background-image: radial-gradient(circle farthest-corner at 100% 30%, var(--zitrone), #fff0 9%), radial-gradient(circle farthest-corner at 90% 3%, var(--zitrone), #fff0 3%);
}

.page-wrapper.yellow {
  background-color: var(--light-purple);
  background-image: none;
}

.color {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  margin-bottom: 12px;
  padding-top: 100%;
}

.color.black {
  background-color: #000;
}

.color.white {
  background-color: #fff;
}

.color.light-red {
  background-color: var(--melisse);
}

.color.red {
  background-color: var(--heidelbeere);
}

.color.lime-green {
  background-color: var(--pfirsich);
}

.color.blue {
  background-color: var(--zitrone);
}

.color.pink {
  background-color: var(--pink);
}

.color.yellow {
  background-color: var(--yellow);
}

.color.teal {
  background-color: var(--teal);
}

.color.light-purple {
  background-color: var(--light-purple);
}

.color.light-purple.gray-border {
  border-color: #cfcfcf;
}

.color.orange {
  background-color: var(--melisse);
}

.text-box {
  max-width: 40rem;
}

.text-box.home-01-hero-heading {
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  position: relative;
}

.text-box.home-01-hero-heading.center {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.text-box._33rem {
  max-width: 33rem;
}

.text-box._33rem.auto {
  max-width: 33rem;
  margin-left: auto;
  margin-right: auto;
}

.text-box._33rem.small-top-padding {
  margin-top: 10px;
}

.text-box._33rem._90-mobile-left-aligned, .text-box._33rem._100-mobile-left-aligned {
  max-width: 33rem;
  padding-left: 0;
  padding-right: 0;
}

.text-box.home-01-intro {
  position: relative;
}

.text-box.medium-width {
  max-width: 50rem;
}

.text-box.medium-width.center-aligned, .text-box.medium-width.home-02-intro {
  text-align: center;
}

.text-box.medium-width.about-us-01-extra-info {
  max-width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.text-box.medium-width.product-page-find-in-stores {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.text-box.product-box-content-container {
  text-align: center;
  max-width: 100%;
  margin-top: -26px;
  margin-left: auto;
  margin-right: auto;
}

.text-box.product-box-content-container.home-02 {
  margin-top: 32px;
}

.text-box.auto {
  margin-left: auto;
  margin-right: auto;
}

.text-box.review-top-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-box.founder {
  text-align: center;
  max-width: 40rem;
  margin-top: 38px;
  margin-left: auto;
  margin-right: auto;
}

.text-box.founder.top-0px {
  margin-top: 0;
}

.text-box.founder.none {
  display: none;
}

.text-box.inner-mixer-card {
  z-index: 1;
  color: var(--white);
  flex: 0 auto;
  justify-content: space-between;
  width: 95%;
  max-width: 100%;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.text-box.home-02-hero {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 55px;
}

.text-box._25rem {
  max-width: 25rem;
}

.text-box.benefit-description {
  color: var(--white);
  margin-top: 18px;
}

.text-box.center-aligned {
  text-align: center;
  align-items: center;
}

.text-box.center-aligned.employee {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #faf8f4;
  background-image: linear-gradient(#faf8f4, #faf7f1);
  border-radius: 40px;
  justify-content: space-between;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem 1.5rem .5rem .7rem;
  display: flex;
}

.text-box.center-aligned._93-mobile {
  padding-bottom: 1rem;
}

.text-box.center-aligned.founder-quote {
  margin-left: auto;
  margin-right: auto;
}

.text-box.center-aligned.review-box {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.text-box.about-us-02-hero {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-box.two-founders {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-direction: column;
  max-width: 55%;
  margin-top: 99px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-box.two-founders.max_w-100 {
  max-width: 100%;
}

.text-box.facts-absolute {
  position: absolute;
  inset: 4% auto auto 4%;
}

.text-box.about-us-03-hero {
  position: relative;
}

.text-box.product-page-top {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-box.mixer-cms {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text-box.mixer-description {
  text-align: center;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.text-box.about-us-01-long-paragraph {
  text-align: center;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.text-box.main-index-cta-cards {
  color: #000;
  text-align: center;
  text-transform: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  padding: 4.5rem 1.5rem;
  display: flex;
}

.text-box.center-aligned {
  text-align: center;
  align-self: center;
  align-items: center;
}

.text-box._30rem {
  max-width: 30rem;
}

.text-box._30rem.auto {
  margin-left: auto;
  margin-right: auto;
}

.text-box._50rem {
  max-width: 50rem;
}

.text-box._50rem.auto {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.text-box.scribble {
  text-align: center;
  max-width: 40rem;
  margin: 38px auto;
}

.text-box.scribble.top-0px {
  margin-top: 0;
}

.text-box.scribble.randlos {
  margin-top: 0;
  margin-bottom: 0;
}

.text-box.kooperationsanfrage {
  text-align: center;
  max-width: none;
  margin-top: 38px;
  margin-left: auto;
  margin-right: auto;
}

.text-box.kooperationsanfrage.top-0px {
  margin-top: 0;
}

.text-box.mitarbeiter {
  width: 60%;
  max-width: none;
}

.h1-heading {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .8rem;
  font-size: 8rem;
  line-height: 1.1;
}

.h1-heading.admin {
  color: #faf8f4;
  margin-bottom: 12px;
  font-size: 9svw;
}

.h1-heading.white {
  color: var(--white);
  font-family: Mona Sans Condensed;
  line-height: .9;
}

.h1-heading.white.smaller {
  font-size: 6rem;
}

.h1-heading.white.mixer-cms {
  text-align: center;
  font-size: 6rem;
}

.h1-heading.home-01 {
  color: #fff;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 9rem;
  line-height: .9;
}

.h1-heading.home-01.untertitel {
  font-size: 4rem;
}

.h1-heading.home-01.untertitel.black {
  color: var(--black);
  letter-spacing: .01em;
  font-weight: 400;
  line-height: 4rem;
}

.h1-heading.about-01-hero, .h1-heading.about-02-hero {
  color: var(--white);
  font-size: 5rem;
}

.h1-heading.about-03-hero {
  color: var(--pink);
  font-size: 5rem;
}

.h1-heading.product-name {
  color: var(--white);
  margin-bottom: .2rem;
  font-size: 6rem;
}

.h1-heading.faq {
  margin-bottom: 1.5rem;
}

.image-wrapper {
  height: auto;
}

.image-wrapper.bubble {
  max-width: 24px;
}

.image-wrapper.bubble._01 {
  max-width: 24px;
  position: absolute;
  inset: auto auto 4% 7%;
}

.image-wrapper.bubble._02 {
  max-width: 27px;
  position: absolute;
  inset: auto 6% 3% auto;
}

.image-wrapper.bubble._05 {
  max-width: 15px;
  position: absolute;
  inset: 15% 4% auto auto;
}

.image-wrapper.bubble._06 {
  max-width: 24px;
  position: absolute;
  inset: auto auto 12% 2%;
}

.image-wrapper.bubble._07 {
  max-width: 22px;
  position: absolute;
  inset: auto auto 12% 13%;
}

.image-wrapper.bubble._10 {
  max-width: 22px;
  position: absolute;
  inset: 18% auto auto 46%;
}

.image-wrapper.bubble._12 {
  max-width: 22px;
  position: absolute;
  inset: 7% auto auto 79%;
}

.image-wrapper.bubble._13 {
  max-width: 22px;
  position: absolute;
  inset: auto 6% 10% auto;
}

.image-wrapper.bubble._14 {
  max-width: 22px;
  position: absolute;
  inset: auto 17% 10% auto;
}

.image-wrapper.bubble._15 {
  max-width: 22px;
  position: absolute;
  inset: auto 33% 3% auto;
}

.image-wrapper.bubble._16 {
  max-width: 24px;
  position: absolute;
  inset: auto auto 9% 43%;
}

.image-wrapper.bubble._20 {
  max-width: 24px;
  position: absolute;
  inset: auto 27% 18% auto;
}

.image-wrapper.bubble._21 {
  max-width: 22px;
  position: absolute;
  inset: 20% auto auto 82%;
}

.image-wrapper.bubble._24 {
  max-width: 25px;
  position: absolute;
  inset: 7% auto auto 22%;
}

.image-wrapper.leaf {
  z-index: -2;
  width: 25rem;
  max-width: 25rem;
  display: none;
  position: absolute;
  inset: auto 41% 9% auto;
}

.image-wrapper.keinzucker {
  z-index: -2;
  max-width: 24rem;
  display: block;
  position: absolute;
  inset: 4% 16% auto auto;
}

.image-wrapper.keinzucker.drehen {
  max-width: none;
  top: 18%;
  right: 29%;
  transform: rotate(15deg);
}

.image-wrapper.red-splash {
  z-index: -2;
  width: 30rem;
  display: block;
  position: absolute;
  inset: 10% 5% auto auto;
}

.image-wrapper.sun-shape {
  z-index: -2;
  width: 900px;
  display: none;
  position: absolute;
  inset: auto -6% -37% auto;
}

.image-wrapper.lime-green-can {
  width: 21rem;
  margin-left: auto;
  margin-right: auto;
}

.image-wrapper.lime {
  z-index: 5;
  width: 9rem;
  position: absolute;
  inset: 10% 4% auto auto;
}

.image-wrapper.lime-02 {
  z-index: 5;
  width: 9rem;
  position: absolute;
  inset: auto 13% 18% auto;
}

.image-wrapper.lime-03 {
  z-index: 5;
  width: 7rem;
  position: absolute;
  inset: 10% auto auto 46%;
}

.image-wrapper.product-collection-image {
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  position: relative;
}

.image-wrapper.product-collection-image.home-02 {
  width: 70%;
  height: auto;
}

.image-wrapper.product-card-object-01 {
  z-index: -2;
  width: 11rem;
  position: absolute;
  inset: 5% -20% auto auto;
}

.image-wrapper.product-card-object-01.more-left {
  right: -13%;
}

.image-wrapper.product-card-object-01.home-02 {
  width: 7rem;
  height: auto;
  top: 12%;
  right: -13%;
}

.image-wrapper.product-card-object-01.blueberry-home-02 {
  width: 9rem;
  top: 12%;
  right: -19%;
}

.image-wrapper.product-card-object-02 {
  z-index: -1;
  width: 11rem;
  position: absolute;
  inset: auto auto 28% -15%;
}

.image-wrapper.product-card-object-02.lower {
  bottom: 18%;
  left: -9%;
}

.image-wrapper.product-card-object-02.lower-and-left {
  bottom: 18%;
  left: -18%;
}

.image-wrapper.product-card-object-02.home-02 {
  width: 6rem;
  height: auto;
  bottom: 18%;
  left: -7%;
}

.image-wrapper.product-white-blob-background {
  z-index: -3;
  pointer-events: none;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
  transform: scale(1.6);
}

.image-wrapper.product-card-object-03 {
  z-index: -2;
  width: 11rem;
  position: absolute;
  inset: 29% auto auto -17%;
}

.image-wrapper.product-card-object-03.more-left {
  left: -18%;
}

.image-wrapper.product-card-object-03.larger {
  width: 13rem;
  top: 24%;
  left: -23%;
}

.image-wrapper.product-card-object-03.strawberry {
  left: -26%;
}

.image-wrapper.product-card-object-03.lemon {
  width: 7rem;
  bottom: 7%;
  left: -7%;
  transform: rotate(37deg);
}

.image-wrapper.product-card-object-03.peach {
  width: 7rem;
  left: -7%;
}

.image-wrapper.product-card-object-03.strawberry-home-02, .image-wrapper.product-card-object-03.peach-home-02 {
  width: 6rem;
  height: auto;
  left: -13%;
}

.image-wrapper.product-card-object-03.dragon-home-02 {
  width: 9rem;
  left: -12%;
}

.image-wrapper.product-card-object-03.lime-home-02 {
  width: 9rem;
  height: auto;
  top: 38%;
  left: -12%;
}

.image-wrapper.product-card-object-03.lemon-home-02 {
  width: 5rem;
  top: 35%;
  left: -8%;
}

.image-wrapper.product-card-object-03.blueberry-home-02 {
  width: 9rem;
  left: -16%;
}

.image-wrapper.best-seller-badge {
  width: 4rem;
  position: absolute;
  inset: 0% auto auto -11%;
}

.image-wrapper.best-seller-badge.home-02 {
  width: 5rem;
  height: auto;
  inset: -4% -6% auto auto;
}

.image-wrapper.home-01-other-benefits {
  margin-right: auto;
}

.image-wrapper.review-logo {
  background-color: #3b89ff;
  border-radius: 80px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -17% -6% auto auto;
  overflow: hidden;
}

.image-wrapper.review-logo.left {
  inset: -17% auto auto -6%;
}

.image-wrapper.founder {
  background-image: url('../images/Bild_der_Gründer.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 9px;
  height: 40rem;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-wrapper.founder.height-400px {
  background-image: url('../images/gründer.webp');
  background-position: 50%;
  width: auto;
  height: 400px;
}

.image-wrapper.location-finder {
  display: none;
}

.image-wrapper.peach-flavor-can-with-ingredients {
  width: 80%;
  margin-left: auto;
}

.image-wrapper.home-hero-02-object {
  width: 9rem;
}

.image-wrapper.home-hero-02-object._01 {
  z-index: 5;
  display: block;
  position: absolute;
  inset: 10% 12% auto auto;
}

.image-wrapper.home-hero-02-object._01.coming-soon {
  width: 20rem;
  top: 5%;
  right: 17%;
}

.image-wrapper.home-hero-02-object._02 {
  z-index: 5;
  display: none;
  position: absolute;
  inset: auto 0% 44% auto;
}

.image-wrapper.home-hero-02-object._03 {
  width: 8rem;
  position: absolute;
  inset: 37% auto auto -3%;
  transform: rotate(-137deg);
}

.image-wrapper.home-hero-02-object._04 {
  z-index: 5;
  width: 6rem;
  display: block;
  position: absolute;
  inset: auto 15% 11% auto;
}

.image-wrapper.home-hero-02-object.orange-cocktail {
  width: 16rem;
  position: absolute;
  inset: auto auto 25% 33%;
}

.image-wrapper.home-hero-02-object._05 {
  transform-style: preserve-3d;
  width: 19rem;
  position: absolute;
  inset: auto auto 26% 0%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.image-wrapper.home-hero-02-object._06 {
  transform-style: preserve-3d;
  width: 11rem;
  display: none;
  position: absolute;
  inset: 23% auto auto -2%;
  transform: rotateX(0)rotateY(180deg)rotateZ(-47deg);
}

.image-wrapper.home-hero-02-object._07 {
  z-index: 5;
  width: 14rem;
  display: none;
  position: absolute;
  inset: auto auto 30% -7%;
  transform: rotate(37deg);
}

.image-wrapper.hand-splash-peach-can {
  width: 80%;
  transform: translate(0);
}

.image-wrapper.hand-splash-peach-can._02 {
  height: auto;
  margin-left: 0;
}

.image-wrapper.splash-can-benefits {
  width: 100%;
  transform: scale(2);
}

.image-wrapper.splash-can-benefits.mobile {
  width: 100%;
  display: none;
}

.image-wrapper.sampler {
  position: relative;
}

.image-wrapper.sample-object-01 {
  width: 9rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-wrapper.sample-object-02 {
  width: 9rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-wrapper.sample-object-03 {
  width: 7rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -38% 0% auto 17%;
  transform: rotate(34deg);
}

.image-wrapper.founder-object-01 {
  width: 14rem;
  position: absolute;
  inset: 0% auto auto 15%;
}

.image-wrapper.founder-object-01.none {
  display: block;
  top: 12rem;
  left: 5%;
}

.image-wrapper.founder-object-01.drehen {
  top: 5%;
  left: 8%;
  overflow: visible;
  transform: rotate(-39deg);
}

.image-wrapper.founder-object-01.handy {
  width: 18rem;
  top: 33%;
  left: 10%;
}

.image-wrapper.founder-object-01.handy.none {
  display: none;
}

.image-wrapper.founder-object-01.sprechblase {
  width: 22rem;
  top: 75%;
  left: 10%;
}

.image-wrapper.founder-object-01.sprechblase.none {
  display: none;
}

.image-wrapper.founder-object-01.bubble {
  width: 12rem;
  max-width: none;
  top: 43%;
  left: 7.1rem;
}

.image-wrapper.founder-object-01.bubble.none {
  display: none;
}

.image-wrapper.founder-object-02 {
  width: 11rem;
  height: auto;
  position: absolute;
  inset: auto 2% 36% auto;
}

.image-wrapper.founder-object-02.none {
  display: none;
}

.image-wrapper.assorted-cans {
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  position: relative;
}

.image-wrapper.no-suga {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-wrapper.no-suga.gap {
  margin-bottom: 1.3rem;
}

.image-wrapper.no-suga.gap.small {
  width: 13%;
}

.image-wrapper.board-cocktail {
  width: 40%;
  position: absolute;
  inset: auto 0% 13% auto;
}

.image-wrapper.reviewer-image {
  border-radius: 700px;
  width: 7rem;
  height: 7rem;
  position: absolute;
  inset: auto auto -12%;
  overflow: hidden;
}

.image-wrapper.subscribe-icon {
  width: 5rem;
}

.image-wrapper.lemon-packaging {
  z-index: 5;
  margin-left: auto;
  position: relative;
}

.image-wrapper.subscribe-lemon {
  width: 6rem;
  position: absolute;
  inset: auto auto -36% 21%;
}

.image-wrapper.subscribe-lemon._02 {
  transform-style: preserve-3d;
  inset: 0% 7% auto auto;
  transform: rotateX(0)rotateY(-180deg)rotateZ(20deg);
}

.image-wrapper.cocktail-lemon {
  z-index: 15;
  width: 21rem;
  position: absolute;
  inset: auto auto 0% 12%;
}

.image-wrapper.subscribe-leaf {
  z-index: 25;
  transform-style: preserve-3d;
  width: 11rem;
  position: absolute;
  inset: auto auto 0% -4%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.image-wrapper.subscribe-leaf._02 {
  inset: auto -6% 0% auto;
  transform: none;
}

.image-wrapper.subscribe-leaf._03 {
  width: 8rem;
  bottom: 56%;
}

.image-wrapper.curved-pink-text {
  margin-top: 192px;
  padding-top: 28px;
  padding-bottom: 36px;
  display: flex;
  transform: scale(1.3);
}

.image-wrapper.about-dragonfruit-can {
  z-index: 5;
  width: 75%;
  position: absolute;
  inset: -9% -26% auto auto;
}

.image-wrapper.founders {
  width: 100%;
  margin-top: 115px;
}

.image-wrapper.about-us-extra-info-1 {
  max-width: 25%;
  position: absolute;
  inset: 7% 9% auto auto;
}

.image-wrapper.about-us-extra-info-2 {
  max-width: 21%;
  position: absolute;
  inset: 16% auto auto 5%;
}

.image-wrapper.about-us-extra-info-3 {
  max-width: 21%;
  position: absolute;
  inset: auto 9% 10% auto;
}

.image-wrapper.about-us-extra-info-4 {
  max-width: 30%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-wrapper.leaf-02 {
  z-index: 2;
  width: 9rem;
  position: absolute;
  inset: auto auto -68% -8%;
}

.image-wrapper.two-men-drinking {
  position: relative;
}

.image-wrapper.lemon {
  width: 6rem;
  position: absolute;
  inset: auto auto -9% 6%;
}

.image-wrapper.strawberry-02 {
  width: 7rem;
  position: absolute;
  inset: -69% -11% auto auto;
}

.image-wrapper.lineup {
  margin-top: 111px;
  position: relative;
}

.image-wrapper.lime-04 {
  width: 7rem;
  position: absolute;
  inset: 18% auto auto 9%;
}

.image-wrapper.grapefruit {
  width: 7rem;
  position: absolute;
  inset: 6% auto auto 51%;
}

.image-wrapper.leaf-05 {
  width: 11rem;
  position: absolute;
  inset: -12% -11% auto auto;
  transform: rotate(-28deg);
}

.image-wrapper.strawberry-03 {
  width: 7rem;
  position: absolute;
  inset: auto 8% 26% auto;
  transform: rotate(-28deg);
}

.image-wrapper.leaf-03 {
  transform-style: preserve-3d;
  width: 11rem;
  position: absolute;
  inset: auto auto 0% -9%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.image-wrapper.about-us-extra-info-5 {
  max-width: 25%;
  position: absolute;
  inset: auto auto 7% 7%;
  transform: rotate(12deg);
}

.image-wrapper.about-us-extra-info-6 {
  max-width: 21%;
  position: absolute;
  inset: auto 17% 10% auto;
  transform: rotate(-20deg);
}

.image-wrapper.about-us-extra-info-7 {
  max-width: 21%;
  position: absolute;
  inset: 3% auto auto 7%;
  transform: rotate(12deg);
}

.image-wrapper.founder-02 {
  transform: rotate(-9deg);
}

.image-wrapper.founder-03 {
  transform: rotate(9deg);
}

.image-wrapper.woman-drinking {
  z-index: 5;
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/pexels-𝙊𝙎𝙑𝘼𝙇𝘿𝙊-𝙍𝙊𝙈𝙄𝙏𝙊-16427729.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: flex-end;
  height: 40rem;
  margin-top: -457px;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.image-wrapper.lime-6 {
  z-index: 5;
  width: 8rem;
  position: absolute;
  inset: 122% 36% auto auto;
}

.image-wrapper.beach-with-cans {
  width: 90%;
  margin-left: auto;
  margin-right: -62px;
  transform: rotate(-23deg);
}

.image-wrapper.grapefruit-02 {
  width: 8rem;
  position: absolute;
  inset: auto 11% -98% auto;
}

.image-wrapper.watermelon {
  z-index: 16;
  width: 8rem;
  position: absolute;
  inset: auto auto -30% 60%;
}

.image-wrapper.leaf-06 {
  z-index: 2;
  width: 9rem;
  position: absolute;
  inset: auto auto -71% -8%;
}

.image-wrapper.leaf-07 {
  z-index: 2;
  width: 7rem;
  position: absolute;
  inset: auto auto -28% -8%;
}

.image-wrapper.strawberry-03 {
  width: 7rem;
  position: absolute;
  inset: auto 13% -93% auto;
}

.image-wrapper.lemon-03 {
  width: 6rem;
  position: absolute;
  inset: auto auto -9% 6%;
}

.image-wrapper.beet {
  width: 7rem;
  position: absolute;
  inset: auto 2% 42% auto;
}

.image-wrapper.dragonfruit-03 {
  width: 10rem;
  position: absolute;
  inset: auto auto 47% 1%;
}

.image-wrapper.grapefruit-03 {
  width: 8rem;
  position: absolute;
  inset: 7% 6% auto auto;
  transform: rotate(28deg);
}

.image-wrapper.lemon-07 {
  width: 6.5rem;
  position: absolute;
  inset: auto auto 22% 2%;
  transform: rotate(28deg);
}

.image-wrapper.leaf-08 {
  z-index: 2;
  width: 9rem;
  position: absolute;
  inset: 3% auto auto -3%;
}

.image-wrapper.leaf-09 {
  z-index: 2;
  width: 9rem;
  position: absolute;
  inset: auto -4% 31% auto;
  transform: rotate(-34deg);
}

.image-wrapper.leaf-10 {
  z-index: 25;
  width: 9rem;
  position: absolute;
  inset: auto 2% 46% auto;
  transform: rotate(-34deg);
}

.image-wrapper.cocktail-dragon {
  z-index: 15;
  width: 14rem;
  position: absolute;
  inset: auto auto -9% 12%;
}

.image-wrapper.dragonfruit-can-splash {
  position: relative;
}

.image-wrapper.lime-8 {
  z-index: 5;
  width: 8rem;
  position: absolute;
  inset: 90% 36% auto auto;
}

.image-wrapper.leaf-11 {
  z-index: 2;
  width: 9rem;
  position: absolute;
  inset: auto auto -45% -8%;
}

.image-wrapper.all-the-good-stuff {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-wrapper.product-page-ingredient-image-1 {
  width: 10rem;
  position: absolute;
  inset: 1% auto auto 6%;
}

.image-wrapper.product-page-ingredient-image-3 {
  z-index: 5;
  width: 10rem;
  position: absolute;
  inset: 18% 4% auto auto;
}

.image-wrapper.review-thumbnail-image {
  border-radius: 8px;
  width: 5rem;
  height: 4rem;
  overflow: hidden;
}

.image-wrapper.review-thumbnail-image.product-detail {
  border-radius: 11px 11px 0 0;
  width: 11rem;
  height: auto;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-wrapper.other-flavor {
  color: var(--white);
  padding: .4rem;
  text-decoration: none;
  transition-property: transform;
}

.image-wrapper.other-flavor:hover {
  opacity: 1;
  transform: translate(0, -7px);
}

.image-wrapper.cheers-image {
  position: relative;
  transform: scale(1.2);
}

.image-wrapper.cheers-image._01 {
  z-index: 2;
}

.image-wrapper.mixer-hero-image {
  z-index: 55;
  width: 45%;
  margin: 33px auto -184px;
  position: relative;
}

.image-wrapper.mix-hero {
  height: 30rem;
}

.image-wrapper.nav-can {
  width: 55%;
  margin: 58px auto -81px;
}

.image-wrapper.license {
  border-radius: 11px;
  width: 115px;
  height: 115px;
  overflow: hidden;
}

.image-wrapper.main-index-logos {
  border: 1px solid var(--white);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: .6rem;
  display: flex;
}

.image-wrapper.webflow {
  border: 1px solid var(--white);
  filter: brightness(200%) brightness(200%);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: .6rem;
  display: flex;
}

.image-wrapper.model {
  background-image: url('../images/rotes-model-mit-orangen.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 9px;
  height: 40rem;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-wrapper.model._02 {
  background-image: url('../images/2025_nosuga_model104.webp');
}

.image-wrapper.model._01 {
  background-image: url('../images/nosuga_model-liegend.webp');
  padding-left: 0%;
}

.image-wrapper.model._03 {
  background-image: url('../images/blog-model.webp');
}

.image-wrapper.model._04 {
  background-image: url('../images/nosuga-model-04.webp');
}

.image-wrapper.model._05 {
  background-image: url('../images/2025_nosuga_model135.webp');
  height: 40rem;
  min-height: auto;
  max-height: none;
}

.image-wrapper.founder {
  background-image: url('../images/sky-2.webp');
  background-position: 0 0;
  background-size: cover;
  border-radius: 9px;
  height: 40rem;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-wrapper.go-sayian {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.image-wrapper.gr-nder {
  background-image: url('../images/Gründerfoto.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 9px;
  height: 40rem;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  overflow: hidden;
}

.image-wrapper.gr-nder.height-400px {
  background-image: url('../images/gründer.webp');
  background-position: 50%;
  width: auto;
  height: 400px;
}

.image-wrapper.gr-nder.hochformat {
  background-image: url('../images/Gründer_hochformat.webp');
  background-position: 50%;
  width: auto;
  min-width: 80%;
  height: 35rem;
}

.image-wrapper.gr-nder.hochformat.grid {
  background-image: url('../images/2025_nosuga_mitarbeiter007.webp');
}

.image-wrapper.gr-nder.hochformat.grid._2 {
  background-image: url('../images/constanze.webp');
  height: 30rem;
}

.image-wrapper.gr-nder.hochformat.grid._3 {
  background-image: url('../images/laura.webp');
  height: 30rem;
}

.image-wrapper.gr-nder.hochformat.grid._1 {
  background-image: none;
  min-width: auto;
  height: auto;
}

.image-wrapper.fragezeichen_1 {
  z-index: 5;
  width: 12rem;
  height: auto;
  position: absolute;
  inset: 4% 4% auto auto;
  transform: rotate(34deg);
}

.image-wrapper.fragezeichen_2 {
  z-index: 5;
  width: 12rem;
  height: auto;
  position: absolute;
  inset: 15% 73% auto auto;
}

.image-wrapper.kein-zucker {
  z-index: -2;
  width: 25rem;
  max-width: 25rem;
  display: none;
  position: absolute;
  inset: auto 41% 9% auto;
}

.image-wrapper.das-sind-wir {
  z-index: -2;
  max-width: 24rem;
  display: block;
  position: absolute;
  inset: 4% 16% auto auto;
}

.image-wrapper.das-sind-wir.drehen {
  z-index: 8;
  top: 2%;
  left: 3%;
  right: auto;
  overflow: visible;
  transform: rotate(-26deg);
}

.image-wrapper.blumig {
  z-index: -2;
  max-width: 24rem;
  display: block;
  position: absolute;
  inset: 4% 16% auto auto;
}

.image-wrapper.blumig.drehen {
  z-index: 6;
  position: absolute;
  top: 0;
  right: 4rem;
  transform: rotate(27deg);
}

.image-wrapper.beerig {
  z-index: -2;
  max-width: 24rem;
  display: block;
  position: absolute;
  inset: 4% 16% auto auto;
}

.image-wrapper.beerig.drehen {
  z-index: 6;
  top: 1rem;
  left: 4rem;
  right: auto;
  transform: rotate(-35deg);
}

.image-wrapper.produkt {
  background-image: url('../images/2025_nosuga_produkt037.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 9px;
  height: 40rem;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.image-wrapper.produkt._02 {
  background-image: url('../images/2025_nosuga_model104.webp');
}

.image-wrapper.produkt._01 {
  background-image: url('../images/nosuga_model-liegend.webp');
  padding-left: 0%;
}

.image-wrapper.produkt._03 {
  background-image: url('../images/blog-model.webp');
}

.image-wrapper.produkt._04 {
  background-image: url('../images/nosuga-model-04.webp');
}

.image-wrapper.produkt._05 {
  background-image: url('../images/2025_nosuga_model135.webp');
  height: 40rem;
  min-height: auto;
  max-height: none;
}

.image-wrapper.zitrone {
  z-index: -2;
  max-width: 24rem;
  display: block;
  position: absolute;
  inset: 4% 16% auto auto;
}

.image-wrapper.zitrone.drehen {
  z-index: 6;
  top: 1rem;
  left: 4rem;
  right: auto;
  transform: rotate(-35deg);
}

.image-wrapper.betty {
  background-image: url('../images/nosuga_model-liegend.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 9px;
  height: 40rem;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  overflow: hidden;
}

.image-wrapper.betty.height-400px {
  background-image: url('../images/gründer.webp');
  background-position: 50%;
  width: auto;
  height: 400px;
}

.image-wrapper.betty.hochformat {
  background-image: url('../images/Gründer_hochformat.webp');
  background-position: 50%;
  width: auto;
  min-width: 80%;
  height: 35rem;
}

.image-wrapper.betty.hochformat.grid {
  background-image: url('../images/2025_nosuga_mitarbeiter007.webp');
}

.image-wrapper.betty.hochformat.grid._2 {
  background-image: url('../images/constanze.webp');
  height: 30rem;
}

.image-wrapper.betty.hochformat.grid._3 {
  background-image: url('../images/laura.webp');
  height: 30rem;
}

.image-wrapper.betty.hochformat.grid._1 {
  background-image: none;
  min-width: auto;
  height: auto;
}

.content-image._100-width-height {
  aspect-ratio: auto;
  width: 80%;
  max-width: none;
  height: 100%;
  max-height: none;
}

.content-image._100-width-height.red-splash {
  filter: saturate(110%);
}

.content-image._100-width-height.cover {
  object-fit: cover;
  width: 100%;
}

.content-image._100-width-height.benefits-shot-02, .content-image._100-width-height.benefits-shot-03, .content-image._100-width-height.display-none-desktop-laptop-tablet-large-mobile, .content-image._100-width-height.line-up {
  display: none;
}

.content-image._100-width-height.sayian-scroll-text {
  object-fit: cover;
}

.content-image._100-width-height.sayian-scroll-text-02 {
  object-fit: cover;
  margin-top: -41px;
}

.content-image._100-width-height.sayian-scroll-text-03 {
  object-fit: cover;
  margin-top: -21px;
}

.content-image._100-width-height.two-friends-drinking {
  object-fit: cover;
}

.content-image._100-width-height.produkt {
  width: 100%;
}

.content-image._100-width-height.mode-header {
  width: 80%;
  height: auto;
}

.content-image.product-collection-can, .content-image._100-width-height {
  width: 100%;
  height: 100%;
}

.content-image._100-width-height.display-none-desktop-laptop-tablet-large-mobile {
  display: none;
}

.content-image._100-width-height {
  width: 100%;
  height: 100%;
}

.content-image._100-width {
  width: 50%;
  max-width: none;
}

.content-image._80-width-height-copy {
  aspect-ratio: auto;
  width: 80%;
  max-width: none;
  height: 100%;
  max-height: none;
}

.content-image._80-width-height-copy.red-splash {
  filter: saturate(110%);
}

.content-image._80-width-height-copy.cover {
  object-fit: cover;
  width: 100%;
}

.content-image._80-width-height-copy.benefits-shot-02, .content-image._80-width-height-copy.benefits-shot-03, .content-image._80-width-height-copy.display-none-desktop-laptop-tablet-large-mobile, .content-image._80-width-height-copy.line-up {
  display: none;
}

.content-image._80-width-height-copy.sayian-scroll-text {
  object-fit: cover;
}

.content-image._80-width-height-copy.sayian-scroll-text-02 {
  object-fit: cover;
  margin-top: -41px;
}

.content-image._80-width-height-copy.sayian-scroll-text-03 {
  object-fit: cover;
  margin-top: -21px;
}

.content-image._80-width-height-copy.two-friends-drinking {
  object-fit: cover;
}

.content-image._80-width-height-copy.produkt {
  width: 100%;
}

.content-image._80-width-height-copy.mode-header {
  width: 80%;
  height: 100%;
}

.home-01-hero-background {
  z-index: -3;
  background-color: #fff0;
  display: none;
  position: absolute;
  inset: 0%;
}

.bubbles-floating-container {
  z-index: 5;
  opacity: .42;
  position: absolute;
  inset: 0% 0% 15%;
}

.bubbles-video {
  z-index: 5;
  opacity: .24;
  mix-blend-mode: color-burn;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.bubbles-video.other-benefits.home-02 {
  opacity: .15;
}

.bubbles-video.general {
  opacity: .1;
  top: -14%;
}

.bubbles-video.home-03-hero {
  opacity: .15;
  top: -14%;
}

.bubbles-video.yellow-background {
  opacity: .18;
  top: -14%;
}

.bubbles-video.product-page {
  opacity: .23;
}

.bubbles-video.product-page.lower-opacity {
  opacity: .08;
}

.heading-grid {
  grid-template-rows: auto;
}

.heading-grid.home-01-hero {
  grid-column-gap: 0px;
  flex: 1;
  grid-template-columns: 1fr 1fr;
}

.heading-grid.one-column {
  z-index: 5;
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: relative;
}

.heading-grid.one-column.blog {
  grid-template-columns: 1fr 1fr;
  place-items: start stretch;
}

.heading-grid.two-column.location-finder {
  grid-template-columns: 1.25fr 1fr;
  margin-top: -245px;
  margin-left: auto;
  margin-right: auto;
}

.heading-grid.home-03-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  flex: 1;
  grid-template-columns: 1fr;
}

.heading-grid.about-01-hero {
  grid-template-columns: 2.5fr 1fr;
}

.heading-grid.mixer-cms {
  grid-template-columns: 1fr;
}

.heading-grid.home-03-hero {
  grid-column-gap: 0px;
  flex: 1;
  grid-template-columns: 1fr;
}

.heading-grid.home-01-hero-copy {
  grid-column-gap: 0px;
  flex: 1;
  grid-template-columns: 1fr 1fr;
}

.image-container.home-01-hero-drink-can, .image-container.home-02-peach-can-hero {
  padding-top: 92px;
  padding-bottom: 0;
  position: relative;
}

.image-container.center-aligned {
  text-align: center;
}

.h2-heading {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  font-size: 5rem;
  line-height: 1;
}

.h2-heading.dark-green {
  color: #86a73c;
}

.h2-heading.white {
  color: var(--black);
  font-family: Mudstone Sans, Impact, sans-serif;
}

.h2-heading.white.smaller {
  font-size: 4rem;
}

.h2-heading.blue {
  color: var(--zitrone);
}

.h2-heading.dark-blue {
  color: #0517ff;
}

.h2-heading.dark-blue.sampler {
  font-size: 3rem;
}

.h2-heading.black {
  color: #000;
  letter-spacing: .01em;
  margin-bottom: 0;
  padding-top: 5px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 4.5rem;
}

.h2-heading.black.left {
  text-align: left;
  letter-spacing: .05em;
}

.h2-heading.black.left.smaller, .h2-heading.black.smaller {
  letter-spacing: .05em;
}

.h2-heading.black.produkt {
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 3.8rem;
}

.h2-heading.black.bottom-0px {
  letter-spacing: .01em;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 4.5rem;
}

.h2-heading.black.bottom-0px.orange {
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
}

.h2-heading.black.ol {
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 2rem;
}

.h2-heading.black.ol.left {
  letter-spacing: .01em;
  font-size: 4rem;
  line-height: 3rem;
}

.h2-heading.black.ol.big {
  letter-spacing: 0;
  font-size: 4rem;
  line-height: 3rem;
}

.h2-heading.white {
  color: var(--white);
}

.h2-heading.darker-teal {
  color: #58d5ff;
}

.flower-icon {
  width: 15vw;
  position: absolute;
  inset: 0% auto auto 5%;
}

.flower-icon.none {
  display: none;
}

.flower-icon.right {
  width: 17vh;
  max-width: none;
  top: 17vh;
  left: auto;
  right: 5%;
}

.flower-icon.megaphon {
  top: 25%;
  left: 5%;
}

.flower-icon.receicl {
  width: 10vw;
  top: 25%;
  left: 8%;
}

.paragraph {
  color: var(--black);
  margin-bottom: 1.5rem;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.paragraph.black {
  color: var(--black);
}

.paragraph.black.founder-bio {
  text-align: center;
  text-transform: none;
  margin-bottom: 0;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-decoration: none;
}

.paragraph.black.founder-bio.block {
  text-align: left;
  font-size: 1rem;
}

.paragraph.black.founder-bio.blog {
  text-align: left;
}

.paragraph.black.review {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 4.1rem;
  font-family: Mona Sans Condensed;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.paragraph.black.review-no-margin {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 500;
}

.paragraph.black.reviewer-job-title {
  text-align: center;
}

.paragraph.black.big {
  text-align: center;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.paragraph.black.big.bold {
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-weight: 700;
}

.paragraph.black.big.bottom-0 {
  margin-bottom: 0;
}

.paragraph.dark-green {
  color: #86a73c;
}

.paragraph.dark-blue {
  color: #0517ff;
}

.paragraph.black {
  color: var(--black);
  text-align: left;
  text-transform: none;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-weight: 500;
}

.paragraph.black.no-margin {
  margin-bottom: 0;
}

.paragraph.black.center {
  text-align: center;
  text-transform: none;
  margin-bottom: 0;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1rem;
}

.paragraph.black.center.bold {
  margin-bottom: .5rem;
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-weight: 700;
}

.paragraph.black.small {
  text-transform: none;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
}

.paragraph.black.small.underline {
  text-decoration: underline;
}

.paragraph.no-margin {
  margin-bottom: 0;
}

.paragraph.darker-teal {
  color: #58d5ff;
}

.paragraph.darker-teal.no-margin {
  color: var(--black);
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.paragraph.darker-teal.no-margin.center {
  text-align: center;
  padding-top: 2px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.paragraph.mixer-description {
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 1.8rem;
}

.paragraph.no-caps {
  text-transform: none;
}

.paragraph.no-caps.orange {
  color: var(--orange);
}

.paragraph.no-caps.teal {
  color: #5cd6ff;
}

.paragraph.no-caps.pink {
  color: var(--pink);
}

.paragraph.no-caps.red, .paragraph.red {
  color: var(--heidelbeere);
}

.button-wrapper.product-collection {
  justify-content: space-between;
  display: flex;
}

.button-wrapper.product-collection.home-02 {
  margin-top: 41px;
}

.button-wrapper.gap {
  margin-bottom: 1.3rem;
}

.button {
  color: var(--black);
  text-transform: uppercase;
  background-color: #fff0;
  border: 2px solid #000;
  border-radius: 8px;
  padding: 5px 10px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.3rem;
  transition: color .35s, background-color .35s;
}

.button:hover {
  background-color: var(--black);
  color: var(--light-purple);
}

.button.dark-green-to-white {
  color: var(--white);
  background-color: #86a73c;
}

.button.dark-green-to-white:hover {
  background-color: var(--white);
  color: #86a83d;
}

.button.white {
  letter-spacing: .03rem;
}

.button.white:hover {
  color: var(--light-purple);
}

.button.white-to-blue {
  color: var(--zitrone);
}

.button.white-to-blue:hover {
  background-color: var(--zitrone);
  color: var(--white);
}

.button.product-collection-button {
  color: var(--white);
  background-color: #fff0;
  transition: opacity .35s;
}

.button.product-collection-button:hover {
  opacity: .67;
}

.button.peach {
  color: #ff7c25;
}

.button.peach:hover {
  color: var(--white);
  background-color: #ff7c25;
}

.button.dragonfruit {
  color: var(--pink);
}

.button.dragonfruit:hover {
  background-color: var(--pink);
  color: var(--white);
}

.button.lime-green {
  color: #76c015;
}

.button.lime-green:hover {
  color: var(--white);
  background-color: #76c015;
}

.button.blueberry {
  color: var(--zitrone);
}

.button.blueberry:hover {
  background-color: var(--zitrone);
  color: var(--white);
}

.button.dark-blue {
  color: var(--white);
  background-color: #0517ff;
}

.button.dark-blue:hover {
  background-color: var(--white);
  color: #0517ff;
}

.button.lemon {
  color: #cfaa19;
}

.button.lemon:hover {
  color: var(--white);
  background-color: #c09900;
}

.button.yellow {
  color: #000;
  letter-spacing: .1rem;
  background-color: #f8cbcf00;
  font-family: Mudstone Sans, Impact, sans-serif;
}

.button.yellow.small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.button.yellow.small._5px {
  letter-spacing: .02em;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: underline;
}

.lottie-animation._100-width-height {
  width: 100%;
  height: 100%;
}

.content-grid.home-01-intro {
  z-index: 15;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.25fr;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-grid.other-benefits {
  grid-column-gap: 115px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.content-grid.home-03-benefits {
  grid-column-gap: 81px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.content-grid.pink-cocktail {
  grid-template-rows: auto;
  margin-top: 92px;
}

.content-grid.about-us-02-intro, .content-grid.about-us-03-intro {
  grid-template-rows: auto;
  margin-top: 44px;
}

.star-icons {
  width: 90px;
  position: absolute;
  inset: -26% auto auto -13%;
}

.home-01-intro-background {
  z-index: 5;
  background-image: linear-gradient(#dffd9b, #c0f93f 96%, #fe3e32);
  border-radius: 40px 40px 0 0;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.benefits-image {
  flex: 1;
}

.benefits-image-wrapper {
  z-index: 15;
  background-color: #008037;
  border-radius: 50%;
  width: 8rem;
  padding: 3.1875rem 1rem 2.9375rem;
  display: inline-block;
  position: absolute;
  inset: 3% auto auto -41%;
  transform: rotate(-12deg);
}

.benefits-image-wrapper._01 {
  object-fit: contain;
  background-color: #00803700;
  padding: 0;
  inset: 0% auto auto 14%;
}

.benefits-image-wrapper._02 {
  object-fit: contain;
  background-color: #00803700;
  padding: 0;
  inset: auto 13% 17% auto;
}

.benefits-image-wrapper._03 {
  object-fit: contain;
  background-color: #00803700;
  padding: 0;
  inset: auto auto 34% 15%;
}

.benefits-image-wrapper._04 {
  object-fit: contain;
  background-color: #00803700;
  padding: 0;
  inset: 12% 17% auto auto;
}

.benefit-pop-outs-image-container {
  position: relative;
}

.slider_mask {
  max-width: 24%;
  overflow: visible;
}

.slider_mask.best-sellers {
  max-width: 26%;
}

.slider_mask.mixes {
  max-width: 35%;
}

.slider.best-sellers {
  background-color: #ddd0;
  height: 100%;
  margin-top: 5.1rem;
}

.slider.mixes {
  background-color: #ddd0;
  flex-flow: row;
  height: 100%;
  margin-top: 10.3rem;
  display: flex;
}

.icon-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

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

.right-slide-arrow {
  z-index: 99;
  color: #2a3440;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.right-slide-arrow.general {
  border-color: var(--white);
  color: #f54f95;
  background-color: #fff;
  transition: background-color .35s, color .35s;
  inset: -24% 0% auto auto;
}

.right-slide-arrow.general:hover {
  background-color: var(--heidelbeere);
  color: var(--white);
}

.right-slide-arrow.general.teal {
  background-color: var(--teal);
  color: var(--white);
}

.right-slide-arrow.general.teal:hover {
  background-color: var(--pink);
}

.left-slide-arrow {
  z-index: 99;
  color: #2a3440;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eaedf0;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.left-slide-arrow.mixes {
  border-color: var(--white);
  color: var(--heidelbeere);
  background-color: #fff;
  margin-right: 95px;
  transition: background-color .35s, color .35s;
  inset: -24% 0% auto auto;
}

.left-slide-arrow.mixes:hover {
  background-color: var(--heidelbeere);
  color: #fff;
}

.left-slide-arrow.mixes.teal {
  background-color: var(--teal);
  color: var(--white);
}

.left-slide-arrow.mixes.teal:hover {
  background-color: var(--pink);
}

.product-slide {
  width: 100%;
  height: auto;
  margin-right: 12rem;
}

.h3-heading {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mudstone Sans, Impact, sans-serif;
}

.h3-heading.product-name {
  margin-top: 24px;
  margin-bottom: 9px;
  font-size: 3rem;
}

.h3-heading.product-name.white {
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
}

.h3-heading.benefit-title {
  color: #4eceff;
  font-size: 2.5rem;
}

.h3-heading.smaller {
  font-size: 2.7rem;
}

.h3-heading.smaller.white {
  color: var(--white);
}

.h3-heading.smaller.black {
  color: var(--black);
  text-align: left;
  font-family: Mudstone Sans, Impact, sans-serif;
}

.h3-heading.smaller.black.ds {
  letter-spacing: .05em;
}

.h3-heading.value-icon-title {
  font-size: 2.2rem;
}

.h3-heading.value-icon-title.white {
  color: var(--white);
}

.home-01-product-collection-background {
  z-index: 5;
  background-image: linear-gradient(#fd372f, #f47d4a);
  border-radius: 0 0 40px 40px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.sky-background {
  background-image: url('../images/sky.webp');
  background-position: 50% 100%;
  background-size: auto;
  height: 70%;
  position: absolute;
  inset: auto 0% 9.5%;
}

.location-logo-grid {
  grid-column-gap: 4px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.location-logo-grid.second {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 8px;
}

.location-logo-image-wrapper.product-page {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.location-logo-grid-container {
  width: 70%;
  margin-top: 34px;
  margin-bottom: 32px;
}

.location-logo-grid-container.product-page {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.location-logo-inner-grid-wrapper {
  width: 80%;
  margin-right: auto;
}

.lottie-animation-wrapper.wave {
  z-index: 5;
  width: 100%;
  position: absolute;
  inset: auto 0% -.7%;
}

.lottie-animation-wrapper.wave.location-finder {
  display: none;
  inset: auto 0% -12%;
  transform: rotate(0);
}

.lottie-animation-wrapper.wave.general, .lottie-animation-wrapper.wave.contact-us-02 {
  inset: auto 0% -1%;
}

.lottie-animation-wrapper.wave.contact {
  bottom: -.6%;
}

.lottie-animation-wrapper.wave.bottom-footer {
  margin-bottom: -77px;
  inset: auto 0% -1%;
}

.lottie-animation-wrapper.wave.all-flavors, .lottie-animation-wrapper.wave.changelog, .lottie-animation-wrapper.wave.instruction-changelog {
  inset: auto 0% -1%;
}

.lottie-animation-wrapper.wave.style-guide {
  margin-bottom: -77px;
  inset: auto 0% -1%;
}

.other-benefits-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.icon-container.other-benefit {
  text-align: center;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.other-benefits-icon-block {
  text-align: center;
}

.quation-image {
  z-index: 3;
  opacity: .13;
  width: 70px;
  position: absolute;
  top: -35.3281px;
}

.review-logo-tab-container {
  justify-content: center;
  align-items: center;
  margin-top: 176px;
  display: flex;
}

.review-icons-grid {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 55%;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 12px 0;
  display: grid;
}

.review-logo-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.review-logo-wrapper:hover {
  opacity: 1;
}

.review-logo-link-block {
  opacity: .52;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.review-logo-link-block.w--current {
  opacity: 1;
  background-color: #0000;
}

.review-logo-text {
  color: var(--white);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 3.9rem;
  font-weight: 700;
  line-height: 1.3em;
}

.review-logo-image {
  max-height: 3rem;
}

.logo-tab-content {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 55rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.review-logo-pane-container {
  overflow: visible;
}

.review-box-wrapper {
  box-shadow: none;
  border-radius: 11px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  padding: 1.3rem .6rem 1.1rem 3.4rem;
  display: flex;
  position: relative;
}

.review-box-wrapper.blue {
  color: var(--zitrone);
  background-color: #8dd3ff;
  transform: rotate(4deg);
}

.review-box-wrapper.green {
  background-color: var(--pfirsich);
  color: #5f7c1c;
  transform: rotate(-7deg);
}

.review-box-wrapper.orange {
  color: #c76800;
  background-color: #ffb15a;
  padding-left: 1.2rem;
  transform: rotate(-5deg);
}

.review-box-wrapper.orange.auto-left {
  margin-left: auto;
}

.review-box-wrapper.pink {
  color: var(--white);
  background-color: #fe647c;
  padding-left: 1.2rem;
  transform: rotate(4deg);
}

.review-box-wrapper.pink.auto-left {
  margin-left: auto;
}

.review-box-wrapper.purple {
  color: var(--white);
  background-color: #773ff9;
  transform: rotate(-7deg);
}

.review-box-wrapper.dark-green {
  color: var(--white);
  background-color: #fe647c;
  padding-left: 1.2rem;
  transform: rotate(4deg);
}

.review-box-wrapper.dark-green.auto-left {
  background-color: #0cb233;
  margin-left: auto;
}

.review-grid {
  grid-row-gap: 142px;
  grid-template-columns: 1fr 1fr;
  margin-top: 295px;
}

.text-block.review-text {
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Mona Sans Condensed;
  font-size: 1.2rem;
  font-weight: 600;
}

.text-block.review-text.larger {
  font-size: 1.56rem;
}

.text-block.small-fact {
  color: var(--pink);
  font-size: .85rem;
}

.text-block.stat-title {
  color: var(--white);
  text-align: center;
  font-size: 1.4rem;
}

.text-block.no-margin {
  color: var(--white);
  margin-bottom: 0;
}

.text-block.nutrition-label-fact-title {
  color: var(--white);
  margin-top: 5px;
  font-size: 1.2rem;
  font-weight: 500;
}

.text-block.small-nutrition-label {
  color: var(--white);
}

.text-block.small-nutrition-label.right-aligned {
  text-align: right;
  margin-top: 9px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.text-block.sub-benefit-fact-text {
  text-align: center;
  text-transform: uppercase;
  margin-top: 12px;
  font-family: Mona Sans Condensed;
  font-size: 1.7rem;
  font-weight: 600;
}

.text-block.other-flavor {
  text-align: center;
  margin-top: 7px;
  font-size: 1rem;
}

.text-block.find-a-location {
  font-size: 1.3rem;
}

.text-block.category-title {
  color: #58d5ff;
  text-transform: uppercase;
  margin-top: 8px;
  font-family: Mona Sans Condensed;
  font-size: 1.8rem;
  line-height: 1;
}

.text-block.caps {
  text-transform: uppercase;
}

.text-block.caps.form-success-error {
  color: var(--black);
  letter-spacing: .01em;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
}

.reviewer-name {
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Mona Sans Condensed;
  font-size: 1.5rem;
  font-weight: 700;
}

._5-stars {
  max-width: 100px;
}

._5-stars.left-aligned-heading {
  color: #0517ff;
  min-width: 145px;
  margin-right: auto;
}

._5-stars.left-aligned-heading.white {
  color: var(--white);
}

._5-stars._5-stars-image {
  color: var(--pfirsich);
  min-width: 190px;
}

.sub-heading {
  color: #fff;
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.sub-heading.story {
  text-transform: capitalize;
  margin-bottom: 7px;
}

.sub-heading.story.black {
  color: var(--black);
}

.sub-heading.fact-pink {
  color: var(--pink);
  margin-top: 49px;
}

.sub-heading.about-us-03-hero {
  text-transform: none;
  font-family: Satoshi;
  font-size: 1.7rem;
  font-weight: 400;
}

.sub-heading.black {
  color: #000;
  text-align: left;
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.sub-heading.small {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.sub-heading.small.abstand {
  color: #000;
  vertical-align: baseline;
  padding-bottom: 2.5rem;
  display: flex;
}

.sub-heading.small.line {
  border-bottom: 3px solid #000;
}

.sub-heading.small.kein-abstand {
  color: #000;
  vertical-align: baseline;
  padding-bottom: 0;
  display: flex;
}

._w-slide {
  border-radius: 7px;
  width: 100%;
  height: auto;
  margin-right: 1rem;
  overflow: hidden;
}

.mixer-info-card-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  justify-content: space-between;
  align-items: flex-end;
  height: 34rem;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.wave-text-box {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.text-box-wave-background {
  width: 200%;
  margin-bottom: -7px;
  margin-left: -139px;
}

.mix-name {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8rem;
}

.right-arrow {
  color: #fff;
  width: 33px;
  height: 33px;
}

.svg-wave-mixer {
  z-index: 1;
  width: 100%;
  max-width: 100%;
  position: absolute;
  overflow: hidden;
}

.home-02-benefits-grid {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 2fr;
  margin-top: 60px;
}

.product-grid._3-column {
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 138px;
}

.product-grid._3-column.product-page {
  grid-row-gap: 20px;
}

.product-card {
  border-radius: 18px;
  padding: 1.5rem;
  position: relative;
}

.h3-product-name {
  text-align: center;
  text-transform: uppercase;
  font-size: 2.6rem;
}

.h3-product-name.white {
  color: var(--white);
}

.product-grid-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.peach-background {
  z-index: -5;
  background-image: linear-gradient(#f89a0b, #f6c000 83%);
  border-radius: 17px;
  position: absolute;
  inset: 0%;
}

.strawberry-background {
  z-index: -5;
  background-image: linear-gradient(#ff371a, #e0241d 83%);
  border-radius: 7px;
  position: absolute;
  inset: 0%;
}

.dragonfruit-background {
  z-index: -5;
  background-image: linear-gradient(#ff25ce, #ff6bd5 83%);
  border-radius: 17px;
  position: absolute;
  inset: 0%;
}

.lime-green-background {
  z-index: -5;
  background-image: linear-gradient(#7dce0a, #8be517 83%);
  border-radius: 7px;
  position: absolute;
  inset: 0%;
}

.lemon-background {
  z-index: -5;
  background-image: linear-gradient(#ebbd0a, #facf0d 83%);
  border-radius: 17px;
  position: absolute;
  inset: 0%;
}

.blueberry-background {
  z-index: -5;
  background-image: linear-gradient(#314fd3, #4a65ec 83%);
  border-radius: 17px;
  position: absolute;
  inset: 0%;
}

.content-wrapper.sticky-reviews {
  grid-column-gap: 82px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 117px;
  display: grid;
}

.team-member-item {
  grid-row-gap: 5rem;
  cursor: pointer;
  background-color: #2c2c2c;
  background-image: linear-gradient(#0000 54%, #000);
  border-radius: 11px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  width: 100%;
  min-height: 26rem;
  padding: 1rem 3rem 1rem 1rem;
  transition: border-color .6s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-member-item:hover {
  border-color: #7b7b7b99;
}

.team-hover-link-block-wrapper {
  border-radius: 0;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.review-box-container.home-02, .review-box-container.product-page {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-direction: column;
  display: flex;
}

.yellow-text {
  color: #fff500;
}

.home-03-benefits {
  grid-column-gap: 44px;
  grid-row-gap: 42px;
  grid-template-columns: 1fr 1fr;
}

.benefit-holder-wrapper {
  background-color: #fff504;
  border-radius: 7px;
  padding: .5rem 1rem;
  display: inline-block;
  transform: rotate(-9deg);
}

.benefit-description.black {
  color: var(--black);
  text-align: left;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.home-03-reviews-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 82px;
}

.review-card-wrapper {
  background-color: #ff758a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 2rem 4.2rem;
  display: flex;
  position: relative;
}

.review-text-wrapper.about-us-03 {
  margin-top: 83px;
}

.subscribe-icon-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.subscribe-icon-content-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.subscribe-icon-title {
  color: var(--pink);
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 1.6rem;
  line-height: 1;
}

.grid-wrapper.subscribe-icon-grid {
  max-width: 70%;
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
}

.grid-wrapper.subscribe-content {
  position: relative;
}

.grid-wrapper.product-box {
  height: 100%;
}

.grid-wrapper.other-flavors {
  overflow: hidden;
}

.subscribe-content-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  margin-top: 93px;
}

.subscribe-content-grid._02 {
  z-index: 15;
  position: relative;
}

.background-video.ambassador {
  border-radius: 1.25rem;
  width: 100%;
  height: 100%;
  padding-bottom: 165%;
}

.background-video.main-index {
  z-index: 1;
  width: 100%;
  height: 0%;
  padding-bottom: 90%;
}

.avatar-image {
  object-fit: cover;
  border-radius: 9.375rem;
  width: 3rem;
  height: 3rem;
}

.social-media-account-content-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.iphone-bottom-content {
  justify-content: space-between;
  margin-top: 1rem;
  display: flex;
}

.iphone-bottom-content.none {
  display: none;
}

.content-block.flex-horizontal-right {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.content-block.full-width-100 {
  flex: 1;
  width: 100%;
}

.content-block.full-width-100.flex-horizontal-left {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-media-iphone-video-wrapper {
  z-index: 6;
  background-color: #f9f9f9;
  border: .0625rem #d4d4d4;
  border-radius: 1.25rem;
  width: 100%;
  padding: 0;
  position: relative;
}

.social-media-iphone-video-wrapper._03 {
  border-style: none;
  padding: 0;
}

.social-media-lottie-animation {
  width: 100%;
  height: 100%;
}

.social-media-iphone-block {
  flex: 1;
  position: relative;
}

.social-media-iphone-block._02 {
  margin-top: 2.1rem;
  transform: rotate(8deg);
}

.social-media-iphone-block._03 {
  margin-top: -2.5rem;
  transform: rotate(-4deg);
}

.social-media-iphone-block._01 {
  margin-top: -6.5rem;
  transform: rotate(-4deg);
}

.social-media-section-lottie-wrapper {
  width: 4rem;
}

.social-media-section-lottie-wrapper.tiktok {
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: -13% auto auto -68%;
}

.social-media-section-lottie-wrapper.tiktok.display-none-desktop-tablet {
  display: none;
}

.html-embed {
  color: #adadad;
  width: 1.25rem;
}

.social-media-videos-wrapper {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  justify-content: space-between;
  margin-top: 204px;
  display: flex;
}

.social-media-videos-wrapper.none {
  display: none;
}

.social-media-account {
  color: var(--pink);
  text-transform: uppercase;
  font-size: 1.2rem;
}

.home-03-benefits-grid {
  grid-column-gap: 44px;
  grid-row-gap: 42px;
  grid-template-columns: 1fr 1fr;
  margin-top: 42px;
}

.light-pink-text-color {
  color: #f8ceed;
}

.about-01-facts {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph {
  font-size: 1.3rem;
}

.large-paragraph.white {
  color: var(--white);
  margin-bottom: 0;
}

.about-01-facts-icons-grid {
  grid-row-gap: 31px;
  margin-top: 41px;
}

.utility-page-wrap {
  background-color: #fc0c68;
  background-image: linear-gradient(#fc0c68, #fc0664);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  max-width: 90%;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.fact-icon {
  width: 40px;
  height: 40px;
}

.fact-icon.white {
  color: var(--white);
}

.fact-content-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
}

.lime-green-text-color {
  color: var(--pfirsich);
}

.employee-title {
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 115%;
}

.employee-title.cms {
  color: var(--pink);
  font-weight: 600;
}

.employee-card-wrapper {
  background-color: var(--pink);
  align-items: flex-end;
  height: 30rem;
  padding: 1rem;
  display: flex;
}

.employee-card-wrapper._03 {
  background-image: url('../images/5_25.webp');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #000;
  border-radius: 0;
  position: relative;
}

.employee-card-wrapper._03.yellow-background {
  background-image: url('../images/5_35.webp');
  border: 1px #fff;
}

.employee-card-wrapper._05 {
  background-image: url('../images/4_14.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  position: relative;
}

.employee-card-wrapper._05.yellow-background {
  border: 1px none var(--white);
  background-image: url('../images/4_34.webp');
}

.employee-card-wrapper._04 {
  background-image: url('../images/1_11.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  position: relative;
}

.employee-card-wrapper._04.yellow-background {
  border: 1px none var(--white);
  background-image: url('../images/1_21.webp');
}

.employee-card-wrapper._06 {
  background-image: url('../images/6_26.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 6px;
  position: relative;
}

.employee-card-wrapper._06.yellow-background {
  border: 1px none var(--white);
  background-image: url('../images/6_36.webp');
}

.employee-card-wrapper._02 {
  background-image: url('../images/2_22.webp');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #000;
  border-radius: 0;
  position: relative;
}

.employee-card-wrapper._02.yellow-background {
  border: 1px none var(--white);
  background-image: url('../images/2_12.webp');
}

.employee-card-wrapper._01 {
  background-image: url('../images/8_18.webp');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #000;
  border-radius: 0;
  position: relative;
}

.employee-card-wrapper._01.yellow-background {
  border: 1px none var(--white);
  background-image: url('../images/7_17.webp');
}

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

.employee-name {
  color: #faf8f4;
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-weight: 800;
}

.employee-name.about-us {
  background-color: var(--pfirsich);
  color: var(--pink);
  border-radius: 20px;
  padding: .7rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
}

.employee-name.about-us.yellow {
  background-color: var(--yellow);
}

.employee-name.teal {
  background-color: var(--teal);
  color: var(--white);
  border-radius: 20px;
  padding: .7rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
}

.employee-name.teal-gradient {
  color: var(--white);
  background-color: #68d9ff;
  background-image: linear-gradient(#68d9ff, #61d7ff);
  border-radius: 20px;
  padding: .7rem 1.2rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
}

.team-grid-wrapper.team {
  margin-top: 7rem;
}

.team-grid-wrapper.model_shooting {
  margin-top: 7rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.team-grid-wrapper.model_shooting.none {
  display: block;
}

.fact-icon-container {
  background-color: #ff7e86;
  border-radius: 80px;
  padding: .8rem;
}

.fact-icon-container.about-us-02 {
  border: 1px solid var(--pink);
  background-color: #ff7e8600;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  display: flex;
}

.circle-bubble {
  border: 2px solid var(--white);
  border-radius: 150px;
  width: 1.5rem;
  height: 1.5rem;
}

.circle-bubble._01 {
  position: absolute;
  inset: 0% auto auto -4%;
}

.circle-bubble._02 {
  width: 3rem;
  height: 3rem;
  position: absolute;
  inset: -29% auto auto -4%;
}

.circle-bubble._03 {
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  inset: -19% auto auto;
}

.circle-bubble._04 {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 75px;
  position: absolute;
  inset: -24% auto auto;
}

.circle-bubble._05 {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 75px;
  position: absolute;
  inset: -11% -3% auto auto;
}

.circle-bubble._06 {
  width: 2.1rem;
  height: 2.1rem;
  margin-left: 75px;
  position: absolute;
  inset: auto 27% -37% auto;
}

.circle-bubble._07 {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 75px;
  position: absolute;
  inset: auto 24% -23% auto;
}

.circle-bubble._08 {
  position: absolute;
  inset: 13% auto auto 9%;
}

.circle-bubble._09 {
  width: 2.7rem;
  height: 2.7rem;
  position: absolute;
  inset: 7% auto auto 12%;
}

.circle-bubble._11 {
  width: 2.7rem;
  height: 2.7rem;
  position: absolute;
  inset: auto auto 14% 27%;
}

.circle-bubble._12 {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  inset: auto auto 14% 33%;
}

.circle-bubble._13 {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  inset: auto auto 26% 0%;
}

.circle-bubble._14 {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  inset: 8% 0% auto auto;
}

.circle-bubble._15 {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  inset: 8% 27% auto auto;
}

.circle-bubble._16 {
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  inset: auto 0% 44% auto;
}

.circle-bubble._17 {
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  inset: 14% 33% auto auto;
}

.circle-bubble._18 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.circle-bubble._19 {
  position: absolute;
  inset: 18% auto auto 40%;
}

.circle-bubble._20 {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  inset: auto auto 26% 61%;
}

.circle-bubble.product-page-01 {
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  inset: -20% auto auto 0%;
}

.circle-bubble.product-page-02 {
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  inset: 12% auto auto -4%;
}

.circle-bubble.product-page-03 {
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  inset: auto -9% -30% auto;
}

.circle-bubble.product-page-04 {
  width: 1rem;
  height: 1rem;
  position: absolute;
  inset: auto -12% 15% auto;
}

.circle-bubble.product-page-05 {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  inset: -47% auto auto;
}

.circle-bubble.product-page-06 {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: -20% auto auto 5%;
}

.circle-bubble.product-page-07 {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: -50% auto auto;
}

.circle-bubble.product-page-11 {
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  inset: 25% -3% auto auto;
}

.circle-bubble.product-page-12 {
  inset: 0% auto auto 0%;
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: -44% -3% auto auto;
}

.circle-bubble.product-page-13 {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: 0% auto auto -11%;
}

.circle-bubble.product-page-14 {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: 3% auto auto 6%;
}

.circle-bubble.product-page-15 {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  inset: 3% auto auto 19%;
}

.circle-bubble.product-page-19 {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: 18% auto auto 10%;
}

.circle-bubble.product-page-20 {
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  inset: 12% 0% auto auto;
}

.circle-bubble.product-page-21 {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  inset: 25% -27% auto auto;
}

.circle-bubble.product-page-22 {
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  inset: 20% 8% auto auto;
}

.circle-bubble.product-page-25 {
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  inset: 12% auto auto -4%;
}

.pink-text-color {
  color: var(--pink);
}

.fact-number {
  color: var(--pink);
  font-family: Mona Sans Condensed;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
}

.about-02-facts-icons-grid {
  grid-row-gap: 31px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 70%;
  margin-top: 41px;
}

.split-founders {
  grid-column-gap: 59px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 72px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.founder-name {
  color: var(--pink);
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: Mona Sans Condensed;
  font-size: 2.4rem;
  line-height: 1;
}

.stat-numbers-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 60%;
}

.stat-number-block-wrapper {
  border-right: 1px solid #cecece;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stat-number-block-wrapper.no-border {
  border-right-style: none;
}

.number-stat-text {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1.1;
}

.number-stat-text.about-us {
  color: var(--white);
  font-size: 6rem;
  font-weight: 500;
}

.white-text-color {
  color: var(--white);
}

.special-values-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 71px;
  margin-left: auto;
  margin-right: auto;
}

.value-card {
  background-color: #fb609e;
  background-image: linear-gradient(#fb609e, #fc5e9d);
  border-radius: 6px;
  padding: 1.5rem;
}

.inner-value-card-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 4.5fr;
  place-items: center;
}

.value-icon-container {
  border: 1px solid var(--white);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: .8rem;
  display: flex;
}

.product-content-thumbnail-image {
  object-fit: cover;
  width: 5rem;
  height: 5rem;
  display: block;
}

.product-content-thumbnail-image.sticky-reviews {
  width: 100%;
  height: 100%;
}

.product-thumbnails-wrapper {
  grid-column-gap: 10px;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.product-detail-thumbnail-image-wrapper {
  border: 1px solid var(--white);
  border-radius: 150px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 15px;
  transition: transform .35s;
  display: flex;
}

.product-detail-thumbnail-image-wrapper:hover {
  transform: translate(0, -8px);
}

.product-detail-thumbnail-image-wrapper._04 {
  display: flex;
}

.product-detail-content-box {
  z-index: 5;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  height: 100%;
  display: flex;
  position: relative;
}

.listing-detail-main-images-wrapper {
  border-radius: 7px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 125svh;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-content-image {
  object-fit: cover;
  width: 27rem;
  margin-top: -139px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0%;
}

.product-content-image._03 {
  z-index: 12;
  object-fit: cover;
  display: none;
}

.product-content-image._02 {
  z-index: 11;
  display: none;
}

.product-content-image._04 {
  z-index: 13;
  display: none;
}

.product-content-image._01 {
  z-index: 10;
}

.product-detail-hero-grid {
  grid-column-gap: 0px;
  grid-auto-columns: minmax(0, .25fr);
  height: 100%;
}

.product-thumbnails-container {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 41px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 14%;
}

.product-details-block {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.white-star-object-wrapper {
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -19% 0% 0%;
}

.product-box-details-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.price-content-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.product-price {
  color: var(--white);
  font-weight: 400;
}

.scroll-to-review {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

._5-stars-image.product-image {
  width: 7rem;
}

.product-description-text-box {
  max-width: 60%;
}

.product-page-description {
  color: var(--white);
}

.product-option {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-page-info-cta-container {
  display: flex;
}

.add-to-cart-button {
  color: #040126;
  text-align: center;
  letter-spacing: -.03rem;
  background-color: #9adbff;
  padding: .75rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
  overflow: visible;
}

.add-to-cart-button.product-page {
  background-color: var(--white);
  color: #f7f7ee;
  text-transform: uppercase;
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  font-family: Mona Sans Condensed;
  font-size: 1.6rem;
  transition: background-color .35s, color .35s;
}

.add-to-cart-button.product-page:hover {
  color: #162748;
  background-color: #f7f7ee;
}

.add-to-cart-block-wrapper {
  margin-top: 2em;
  overflow: hidden;
}

.add-to-cart-block-wrapper._02 {
  margin-top: 0;
}

.option-label {
  padding-left: .5em;
  font-size: 1em;
  font-weight: 400;
  line-height: 120%;
}

.option-button {
  border-style: solid;
  border-color: var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-right: 13px;
  padding: 15px;
  transition: transform .35s, border-width .35s;
  display: flex;
}

.option-button:hover {
  transform: translate(0, -3px);
}

.option-button.w--ecommerce-pill-selected {
  border-width: 4px;
  border-color: var(--white);
  color: #f7f7ee;
  background-color: #fff0;
}

.out-of-stock-state {
  opacity: .7;
  color: #201916;
  text-align: center;
  background-color: #f4dab5;
  border-radius: 40px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: .5em 1.5em;
  font-size: 1.25em;
  line-height: 120%;
}

.quantity-wrapper {
  background-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 1.5em;
  display: flex;
}

.option-button-group {
  justify-content: flex-start;
  padding: 8px;
  font-size: 1em;
  display: flex;
}

.error-state {
  color: #e37b7b;
  text-align: center;
  background-color: #0000;
  border: 1px solid #e37b7b;
  border-radius: 40px;
  margin-top: 0;
  margin-bottom: 1.5em;
  padding: .5em 1.5em;
  font-size: 1.25em;
}

.quantity-number {
  text-align: center;
  background-color: #0000;
  border-style: none;
  width: 48px;
  margin-bottom: 0;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 1.125em;
}

.option-name {
  position: relative;
}

.product-page-tabs-menu {
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.active-tab-link {
  z-index: 0;
  grid-column-gap: 12px;
  background-color: #ffa73e;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.active-tab-link.w--current {
  color: #1ac500;
  background-color: #0000;
}

.tab-link {
  grid-column-gap: 12px;
  color: #fff;
  background-color: #0000;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 10px 24px;
  font-weight: 600;
  display: flex;
}

.tab-link.w--current {
  background-color: #0000;
}

.product-page-tabs {
  border: 1px solid var(--black);
  border-radius: 9px;
  flex-direction: column;
  align-items: center;
  width: 80%;
  margin-top: 40px;
  padding: .3rem 1rem 1rem;
  display: flex;
}

.tabs-content {
  grid-row-gap: 20px;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 26px;
}

.tab-text-block {
  font-size: 1rem;
  font-weight: 400;
  line-height: 115%;
}

.tab-text-block.product-page {
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 1.3rem;
  position: relative;
}

.tabs-content-wrapper {
  width: 100%;
}

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

.product-page-intro-grid {
  grid-column-gap: 99px;
  grid-template-rows: auto;
}

.nutrition-label-container {
  z-index: 2;
  border-radius: 10px;
  padding: 1.5rem;
  position: relative;
}

.product-name-text {
  color: var(--white);
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 3rem;
  font-weight: 700;
}

.divider-line {
  background-color: var(--white);
  width: 100%;
  height: 1px;
  margin-top: 7px;
}

.divider-line.thicker-nutrition-label {
  height: 17px;
}

.nutrition-label-stat-text-box {
  justify-content: space-between;
  margin-top: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.nutrition-label-paragraph {
  color: var(--white);
}

.nutrition-label-paragraph-text-box {
  margin-top: 12px;
}

.product-page-benefits-grid {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 83px;
}

.product-benefit-icon-container {
  background-color: #ff7e86;
  border-radius: 80px;
  padding: .8rem;
}

.product-benefit-icon-container.product-page {
  background-color: #ff7e8600;
  border: 3px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  display: flex;
}

.benefit-fact-text {
  font-family: Mona Sans Condensed;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
}

.product-page-benefit-icon {
  width: 5rem;
}

.comparison-logo-image {
  width: 115px;
  margin-left: auto;
  margin-right: auto;
}

.comparison-grid-block.left {
  padding-bottom: 0;
}

.comparison-grid-block.bottom-right {
  border-bottom: .0625rem solid #000;
  border-right: .0625rem solid #000;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.comparison-grid-block.bottom-right.no-bottom {
  border-bottom-style: none;
}

.comparison-grid-block.bottom-line {
  border-bottom: .0625rem solid #000;
  border-right: .0625rem #000;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.comparison-grid-block.bottom-line.no-bottom {
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.compare-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto 8.375rem 8.375rem 8.375rem 8.375rem;
  grid-template-columns: .75fr 1fr 1fr 1fr 1fr;
}

.comparison-detail-text {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 900;
}

.compare-title {
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 2rem;
  font-weight: 700;
}

.comparison-grid-wrapper {
  margin-top: 82px;
  margin-bottom: -60px;
}

.comparison-logo-image-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 33px;
}

.wave-divider-wrapper {
  overflow: hidden;
}

.wave-divider-wrapper.bottom-footer {
  margin-top: -90px;
}

.scaled-wave {
  transform: scale(1.2);
}

.testimonial-quote-info {
  color: var(--white);
  margin-bottom: 0;
  font-size: 1.2rem;
}

.marquee-horizontal-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 3%;
  overflow: hidden;
}

.marquee-horizontal-wrapper.product-page {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  bottom: 1%;
}

.marquee-horizontal-wrapper.product-page.reviews {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  margin-top: 71px;
  position: static;
}

.marquee-review-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: flex-start;
  width: 20rem;
}

.testimonial-card {
  border-radius: 11px;
  height: 10rem;
  position: relative;
}

.marquee-horizontal-panel-slow {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.marquee-horizontal-panel-slow.product {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

.marquee-review-container {
  z-index: 10;
  margin-bottom: -57px;
  padding-top: 2rem;
  position: relative;
  overflow: hidden;
}

.other-flavors-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 25px;
}

.other-flavor-collection-item {
  overflow: hidden;
}

.accordion-title-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  white-space: normal;
  background-color: #3b89ff;
  border-radius: 15px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 21px;
  padding: 1rem 16px;
  display: flex;
}

.accordion-title-wrapper.darker-teal {
  background-color: #58d5ff00;
}

.accordion-title-wrapper.darker-teal.center {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding: .5rem .8rem;
}

.accordion-title-wrapper.red {
  background-color: var(--heidelbeere);
}

.faq-accordion-items-container {
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.faq-accordion-items-container.faq-page {
  margin-bottom: 0;
}

.faq-arrow {
  color: #2a3440;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.faq-arrow.white {
  color: #000;
  width: 33px;
  height: 33px;
}

.faq-icon-circle {
  border: 1px solid #d8d8d8;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.faq-icon-circle.subscribe-save {
  border-style: none;
  border-color: #fff;
  border-radius: 0;
  min-width: auto;
  height: 100%;
  min-height: auto;
  margin-left: -40px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.faq-accordion-title {
  color: #000;
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  padding-right: 0;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.3rem;
  line-height: 1.3rem;
  position: static;
}

.small-paragraph {
  font-size: .9rem;
}

.small-paragraph.no-margin {
  margin-bottom: 0;
  font-size: .9rem;
}

.faq-item {
  transition: transform .3s;
  display: block;
}

.faq-content-wrapper {
  width: 100%;
  padding-bottom: 1.5rem;
  line-height: 36px;
}

.faq-content {
  background-color: #0000;
  width: 100%;
  display: block;
  position: static;
  overflow: hidden;
}

.faq-toggle {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: .8rem 0;
  display: flex;
}

.faq-toggle.center {
  justify-content: space-between;
  align-items: center;
}

._2-column-faq-grid {
  grid-column-gap: 104px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  max-width: 55%;
  margin-top: 85px;
  margin-left: auto;
  margin-right: auto;
}

._2-column-faq-grid.contact-us {
  max-width: 75%;
}

._2-column-faq-grid.faq-page {
  max-width: 75%;
  margin-top: 0;
}

.cheers-image-grid {
  grid-template-rows: auto;
}

.collection-hero-flexbox {
  z-index: 999;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.collection-h1.products-selection {
  color: #58d5ff;
  text-transform: uppercase;
  font-size: 4rem;
}

.find-a-location-text-box {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #58d5ff;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
}

.location-pin-svg {
  color: #53d4ff;
  width: 25px;
}

.category-link-block-wrapper {
  text-align: center;
  text-decoration: none;
}

.category-link-block-wrapper:hover {
  opacity: .79;
}

.find-a-location-link-block {
  text-decoration: none;
}

.find-a-location-link-block:hover {
  opacity: .77;
}

.collection-hero-categories-container {
  flex: 1;
}

.mixer-intructions-breakdown-grid {
  background-color: var(--white);
  border: 1px solid #6d0f6e;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 17px;
  padding: 8px;
}

.mixer-intructions-info-block {
  justify-content: center;
  align-items: center;
  padding: .5rem;
}

.instructions-title {
  text-align: center;
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 1.6rem;
  font-weight: 700;
}

.instructions-text-block {
  text-align: center;
  text-transform: none;
  margin-top: 5px;
  font-family: Satoshi;
  font-size: 1rem;
}

.mixer-body-grid {
  grid-template-rows: auto;
  width: 80%;
  margin-top: 135px;
  margin-left: auto;
  margin-right: auto;
}

.ingredients-information-wrapper {
  border-radius: 10px;
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

.ingredients-title {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 2.5rem;
  font-weight: 700;
}

.rich-text-ingredients-wrapper {
  max-width: 90%;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}

.ingredients-rich-text {
  color: var(--white);
  font-family: Mona Sans Condensed;
}

.mixer-step-text-box {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  border-bottom: 1px solid #000;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
}

.mixer-step-number {
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 5rem;
  line-height: 1;
}

.form-email {
  width: 50%;
  margin-bottom: 25px;
}

.form-email._0px {
  border: 2px solid #000;
  border-radius: 8px 0 0 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.form-email._0px._100 {
  border-style: none;
  width: 100%;
}

.contact-form-block {
  width: 100%;
  margin-bottom: 0;
}

.contact-form-block.abo {
  flex-flow: row;
  max-width: 50vw;
  display: block;
}

.form-input-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  display: flex;
}

.form-input-wrapper.first-name-last-name {
  grid-column-gap: 15px;
  flex-flow: row;
  margin-bottom: 25px;
  display: flex;
}

.form-input-wrapper._70 {
  width: auto;
}

.contact-button {
  color: var(--black);
  letter-spacing: .1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 2px solid #000;
  border-radius: 20px;
  width: 20%;
  height: 45px;
  padding-bottom: 9px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3rem;
  transition: background-color .35s;
}

.contact-button:hover {
  background-color: var(--black);
  color: var(--light-purple);
}

.contact-button._30 {
  background-color: var(--durchsichtig);
  letter-spacing: .02em;
  border-radius: 0 20px 20px 0;
  width: auto;
  height: 100%;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.5rem;
}

.contact-button._30:hover {
  background-color: var(--black);
  color: var(--light-purple);
}

.animation-container.center-aligned {
  text-align: center;
}

.animation-container.center-aligned.relative {
  position: relative;
}

.first-name {
  width: 48%;
}

.contact-us-01-content-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 6vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
  position: relative;
}

.success-message {
  background-color: #e7e7e700;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
}

.form-brief {
  width: 100%;
  margin-bottom: 25px;
}

.form-label {
  margin-bottom: 12px;
  padding-left: 15px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.3em;
}

.contact-form {
  width: 100%;
  display: flex;
}

.contact-form.abo {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .55fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.last-name {
  width: 50%;
}

.error-message {
  padding: 20px;
  font-family: Mona Sans Condensed;
  font-size: 1.2rem;
}

.location-image-wrapper {
  border-radius: 7px;
  width: 100%;
  height: 100%;
  min-height: auto;
  overflow: hidden;
}

.form-input {
  color: var(--black);
  vertical-align: baseline;
  background-color: #d8d8d800;
  border: 2px solid #000;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 24px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  display: inline-block;
}

.form-input:hover, .form-input:focus {
  border: 2px solid var(--black);
}

.form-input::placeholder {
  color: #000000bf;
  font-size: 14px;
}

.form-input.contact-us {
  padding-top: 14px;
  padding-bottom: 100px;
}

.form-input.contact-us:hover {
  border-color: var(--black);
}

.form-input.email {
  color: var(--black);
  border-width: 2px;
  border-right-style: none;
  border-radius: 20px 0 0 20px;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 24px;
  font-family: Chesnagrotesk, Arial, sans-serif;
  transition-property: none;
}

.form-input.trop-down {
  border-width: 2px;
  flex: 1;
  height: auto;
  padding: 0 12px 0 28px;
  display: flex;
}

.contact-us-02-content-grid {
  grid-column-gap: 2vw;
  grid-row-gap: 6vw;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
  position: relative;
}

.contact-form-map-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--light-purple);
  color: #171717;
  border-radius: 13px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: grid;
}

.address-text {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
}

.icon-regular {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.heading-wrapper-very-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.wrap-h-regular {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.wrap-h-regular.align-center {
  align-items: center;
}

.heading-wrapper-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.contact-form-with-map-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.apple-pay-button {
  border-radius: 5px;
  height: 45px;
}

.cart-list {
  background-color: var(--light-purple);
  padding: 1em 1.5em;
}

.cart-checkout-button {
  background-color: var(--pink);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  padding: .75em 2em;
  font-size: 1.5em;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity .35s;
  display: flex;
  position: relative;
}

.cart-checkout-button.pink {
  background-color: var(--pink);
  color: #f7f7ee;
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-family: Mona Sans Condensed;
  font-size: 1.5rem;
}

.cart-checkout-button.pink:hover {
  color: #162748;
}

.cart-checkout-button.orange {
  background-color: var(--orange);
  text-transform: uppercase;
  border-radius: 5px;
  transition: opacity .35s;
}

.cart-checkout-button.orange:hover {
  opacity: .82;
}

.cart-checkout-button.pink {
  background-color: var(--pink);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-family: Mona Sans Condensed;
  font-size: 1.5rem;
  transition: opacity .35s;
}

.cart-checkout-button.teal {
  background-color: var(--teal);
}

.cart-checkout-button.pink {
  background-color: var(--pink);
  text-transform: uppercase;
  border-radius: 5px;
  transition: opacity .35s;
}

.cart-checkout-button.pink:hover {
  opacity: .82;
  color: var(--white);
}

.cart-checkout-button.red {
  background-color: var(--heidelbeere);
  text-transform: uppercase;
  border-radius: 5px;
  transition: opacity .35s;
}

.cart-checkout-button.red:hover {
  opacity: .82;
}

.cart-footer {
  background-color: var(--light-purple);
  border: 1px solid #d8d8d8;
  padding-top: 24px;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.cart-text {
  text-transform: none;
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.4;
}

.cart-text.remove {
  color: #757473;
}

.cart-text.medium {
  font-size: 1rem;
  font-weight: 500;
}

.close-icon-wrapper {
  border: 1px solid #f7f7ee;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: .5em 1.5em;
  display: flex;
}

.cart-quantity-number {
  text-align: center;
  background-color: #0000;
  border-style: solid;
  border-color: #201916;
  border-radius: 4px;
  width: 38px;
  margin-bottom: 0;
  margin-right: 1.5em;
  padding: .5em 0;
  font-size: 1.125em;
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.cart-price {
  font-size: 1.1rem;
}

.cart-icon {
  width: 35px;
}

.cart-icon.opacity-0 {
  opacity: 0;
}

.cart-heading {
  color: var(--white);
  font-size: 3rem;
}

.cart-heading.black {
  color: var(--black);
  text-align: center;
  letter-spacing: .02em;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  overflow: visible;
}

.empty-state {
  text-align: center;
  flex-direction: column;
  padding-left: 2em;
  padding-right: 2em;
}

.cart-quantity {
  background-color: var(--pink);
  color: var(--white);
  border-radius: 150px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: Mona Sans Condensed;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  position: absolute;
  inset: 9% -29% auto auto;
}

.cart-quantity.orange {
  background-color: var(--orange);
}

.cart-quantity.red {
  background-color: var(--heidelbeere);
  color: var(--white);
}

.cart-quantity.teal {
  color: var(--white);
  background-color: #5fd7ff;
}

.cart-quantity.pink {
  background-color: var(--pink);
  color: var(--white);
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.menu-button.orange, .menu-button.red, .menu-button.teal, .menu-button.pink {
  color: var(--orange);
}

.cart-close-button {
  width: auto;
  height: auto;
}

.cart-product-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.empty-state-cart-title {
  margin-bottom: 12px;
  font-family: Mona Sans Condensed;
  font-size: 2.4rem;
}

.empty-state-cart-title.orange {
  color: var(--orange);
  font-family: Mona Sans Condensed;
}

.empty-state-cart-title.teal {
  color: var(--teal);
}

.empty-state-cart-title.pink {
  color: var(--pink);
  font-family: Mona Sans Condensed;
}

.empty-state-cart-title.red {
  color: var(--heidelbeere);
}

.cart {
  z-index: 9999;
}

.cart-container {
  background-color: #f8f3f2;
  max-width: 540px;
}

.cart-quantity-wrapper {
  align-items: center;
  padding-top: .5em;
  display: flex;
}

.cart-item {
  border-bottom: 1px solid #201916;
  align-items: stretch;
  padding-top: 1em;
  padding-bottom: 1em;
}

.small-link {
  color: #201916;
  padding-top: .25em;
  padding-bottom: .25em;
  font-size: 1.125em;
  text-decoration: none;
  transition: color .3s;
}

.small-link:hover {
  color: #201916a6;
}

.cart-product-name {
  color: var(--pink);
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 1.5rem;
}

.cart-product-name.orange {
  color: var(--orange);
}

.cart-product-name.red {
  color: var(--heidelbeere);
}

.cart-product-name.teal {
  color: var(--teal);
}

.cart-product-name.pink {
  color: var(--pink);
}

.cart-product-info {
  justify-content: space-between;
}

.cart-header {
  background-color: var(--pink);
  text-transform: uppercase;
  border-bottom-style: none;
  padding: 1em 1.5em;
  font-family: Mona Sans Condensed;
}

.cart-header.orange {
  background-color: var(--orange);
}

.cart-header.red {
  background-color: var(--heidelbeere);
}

.cart-header.teal {
  background-color: var(--teal);
}

.cart-header.pink {
  background-color: var(--pink);
}

.cart-wrapper {
  background-color: #f1e9e6cc;
}

.link-list-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  margin-top: 18px;
  display: flex;
}

.link-list-wrapper.align-right {
  align-items: flex-end;
  margin-bottom: 18px;
}

.link-list-wrapper.align-left {
  align-items: flex-start;
  margin-bottom: 18px;
}

.cart-line-item {
  margin-bottom: 2em;
}

.cart-image-wrapper {
  width: 60px;
  height: 100%;
}

.close-icon {
  min-width: 18px;
}

.navigation-link-text {
  color: var(--black);
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-size: .8rem;
  text-decoration: none;
  transition: opacity .35s;
}

.navigation-link-text:hover {
  opacity: .56;
}

.navigation-link-text.w--current {
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-size: .8rem;
  font-weight: 700;
}

.navigation-link-text.underline, .navigation-link-text.underline.w--current {
  text-decoration: underline;
}

.navigation-link-text.underline.none {
  display: none;
}

.cart-button {
  color: #201916;
  background-color: #0000;
  padding-right: 0;
  font-size: 1em;
}

.subtotal-text {
  text-transform: none;
  font-size: 1.125em;
  font-weight: 400;
}

.footer-navigation {
  background-color: #162748;
  position: relative;
}

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

.footer-navigation.pink {
  background-color: var(--pink);
  background-color: #fc0c68;
  background-image: linear-gradient(#fc0c68, #fc0966);
}

.footer-navigation.teal {
  background-color: #68d9ff;
  background-image: linear-gradient(#68d9ff, #65d8ff);
}

.footer-navigation.teal.mix {
  background-image: none;
}

.webflow-text-link {
  text-decoration: none;
}

.webflow-text-link:hover {
  color: #f54f95;
}

.webflow-text-link.footer {
  color: #fff;
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: underline;
  transition: color .35s, opacity .35s;
}

.webflow-text-link.footer:hover {
  color: #a5a5a5;
}

.text-link-block {
  text-decoration: none;
  display: inline-block;
}

.text-link-block.zorro-design-website-link {
  color: #fff;
  margin-left: 4px;
  text-decoration: underline;
  transition: color .35s;
}

.text-link-block.zorro-design-website-link:hover {
  color: #a5a5a5;
}

.footer-logo-image-link-block {
  width: 100%;
  margin-top: 33px;
}

.footer-bottom-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.footer-bottom-wrapper.coming-soon {
  justify-content: flex-start;
  align-items: center;
}

.bottom-footer-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  flex: none;
  align-items: center;
  margin-top: 19px;
  display: flex;
}

.bottom-footer-text-block {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  font-family: Satoshi;
  font-size: 1.2rem;
  line-height: 1.2;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.bottom-footer-text-block:hover {
  color: #f5f6f4;
}

.footer-link-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 48px;
  margin-bottom: 60px;
}

.footer-link-grid.with-wave {
  margin-top: 0;
}

.footer-nav-links-content-wrapper {
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nav-sub-heading {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mona Sans Condensed;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
}

.brand {
  margin-right: 20px;
}

.brand.w--current {
  margin-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.list-container {
  z-index: 5;
  width: 100%;
  position: relative;
}

.nav-dropdown {
  padding-right: 36px;
  position: static;
}

.nav-dropdown.desktop {
  padding-right: 42px;
}

.nav-dropdown.tablet-mobile {
  display: none;
}

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

.toggle {
  color: var(--white);
  padding: 0;
  font-family: Mona Sans Condensed;
  font-size: 1.2rem;
  font-weight: 700;
  transition: all .2s;
}

.toggle:hover {
  color: #79cabe;
}

.toggle.orange {
  color: var(--orange);
  font-size: 1.4rem;
}

.toggle.orange.w--open {
  z-index: 100;
}

.toggle.red {
  color: var(--heidelbeere);
  font-size: 1.4rem;
}

.toggle.red.w--open {
  z-index: 100;
}

.toggle.teal {
  color: #5fd7ff;
  font-family: Mona Sans Condensed;
  font-size: 1.4rem;
  font-weight: 700;
}

.toggle.teal.w--open {
  z-index: 100;
}

.toggle.pink {
  color: var(--pink);
  font-size: 1.4rem;
}

.toggle.pink.w--open {
  z-index: 100;
}

.header-nav-container {
  z-index: 999;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 90px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 4rem;
  display: flex;
  position: relative;
}

.brand-logo {
  width: 170px;
}

.nav-list {
  min-width: 100%;
}

.nav-list.w--open {
  z-index: -2;
  background-color: #0000;
  border-radius: 0 0 15px 15px;
  padding-top: 36px;
  position: absolute;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  display: grid;
  overflow: hidden;
}

.navigation-right-block {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.navigation-right-block.mobil-tablet {
  display: none;
}

.header-nav {
  background-color: #ddd0;
  align-items: center;
  height: auto;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-column {
  color: #000;
  border-radius: 17px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 33px;
  text-decoration: none;
  transition: all .35s;
  overflow: hidden;
}

.nav-column:hover {
  color: #ffab15;
}

.nav-column.strawberry:hover {
  opacity: 1;
}

.nav-column.lime {
  background-color: #a4da2c;
}

.nav-column.peach {
  background-color: #ff9012;
}

.nav-column.lemon {
  background-color: #d6c200;
}

.nav-column.grape {
  background-color: #812181;
}

.nav-column.blueberry {
  background-color: #1180e4;
}

.nav-column.dragonfruit {
  background-color: #ff0ea6;
}

.chevron {
  margin-right: -23px;
  font-size: 17px;
}

.nav-flavor-name {
  color: var(--white);
  text-align: center;
  font-size: 2rem;
}

.navigation-middle-block {
  z-index: 100;
  position: relative;
}

.navigation-left-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-background {
  z-index: -2;
  opacity: 0;
  background-color: #fff;
  width: 100%;
  height: 60%;
  display: none;
  position: absolute;
  inset: auto 0% -12%;
}

.nav-background.nav-dropdown {
  border-radius: 0;
  width: 100%;
  height: 100%;
  inset: 2% 0% 0%;
  overflow: hidden;
}

.nav-background.nav-tablet-dropdown {
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: none;
  inset: 2% 0% 0%;
  overflow: hidden;
}

.nav-text-link {
  color: var(--white);
  padding: 0;
  font-size: 1.2rem;
  font-weight: 700;
  transition: all .2s;
}

.nav-text-link:hover {
  color: #79cabe;
}

.nav-text-link.orange {
  color: var(--orange);
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-link.orange.w--open {
  z-index: 100;
}

.nav-text-link.red {
  color: var(--heidelbeere);
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-link.red.w--open {
  z-index: 100;
}

.nav-text-link.teal {
  color: #5fd7ff;
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-link.teal.w--open {
  z-index: 100;
}

.nav-text-link.hot-pink {
  color: var(--black);
  padding-right: 22px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
}

.nav-text-link.hot-pink.w--current {
  letter-spacing: .01rem;
}

.nav-text-link.hot-pink.w--open {
  z-index: 100;
}

.nav-text-link.black {
  color: var(--black);
}

.nav-text-links-container.flexbox {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.secondary-cart-icon {
  width: 40px;
  position: absolute;
  inset: 22% 2% auto auto;
}

.custom-product-page-footer {
  background-color: #162748;
  position: relative;
}

.custom-product-page-footer.product-page {
  background-color: var(--teal);
}

.checkout {
  padding-top: 42px;
}

.block-header {
  background-color: var(--pink);
  text-transform: uppercase;
  border-style: none;
  padding-bottom: 11px;
}

.checkout-button {
  background-color: var(--pink);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: .75em 2em;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity .35s;
  display: inline-block;
  position: relative;
}

.checkout-button:hover {
  opacity: .88;
  color: #faf8f4;
}

.checkout-h2 {
  color: var(--white);
  margin-top: 15px;
  font-size: 2rem;
}

.checkout-required {
  color: var(--white);
}

.checkout-product-name {
  color: var(--pink);
}

.search-h1 {
  color: var(--pink);
  text-transform: uppercase;
  font-size: 5rem;
}

.search-input {
  height: 60px;
}

.search-page-button {
  background-color: var(--pink);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: .75em 2em;
  font-family: Mona Sans Condensed;
  font-size: 1.3em;
  line-height: 1.4;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: inline-block;
  position: relative;
}

.search-page-button:hover {
  background-color: var(--teal);
  color: #faf8f4;
}

._404-number-hero-heading {
  color: var(--black);
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 23rem;
  font-weight: 800;
  line-height: 1;
}

.page-not-found-text {
  color: var(--black);
  text-transform: uppercase;
  font-family: Mudstone Sans, Impact, sans-serif;
}

.lock-svg {
  color: var(--white);
}

.password-h1 {
  color: var(--white);
  text-transform: uppercase;
}

.password-text {
  color: var(--white);
  text-align: left;
}

.text-field {
  height: 55px;
}

.text-field.password {
  color: var(--pink);
  transition: opacity .2s, border-color .35s;
}

.text-field.password:hover {
  border: 1px solid var(--teal);
}

.text-field.password:focus {
  border: 2px solid var(--teal);
}

.text-field.password::placeholder {
  color: var(--pink);
}

.admin-paragraph {
  margin-bottom: 17px;
}

.admin-content-wrapper {
  min-width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 2rem;
}

.admin-content-wrapper.even-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.admin-sub-page-h2-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 5.5rem;
}

.admin-sub-page-h2-heading.admin {
  color: var(--pink);
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 2.5rem;
  line-height: 1.1;
}

.admin-info-wrapper {
  border: 1px solid #d3d3d3;
  border-radius: 11px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.license-images-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 41px;
  display: flex;
}

.licenses-link-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.admin-text-link {
  text-decoration: none;
}

.admin-text-link:hover {
  color: #f54f95;
}

.admin-text-link.dark-green {
  color: #142528;
  transition: opacity .35s;
}

.admin-text-link.dark-green:hover {
  opacity: .61;
  color: #000;
}

.admin-text-block {
  line-height: 145%;
}

.admin-divider {
  background-color: #c4c4c4;
  width: 100%;
  height: .0625rem;
}

.admin-content-image._100-width-height {
  width: 100%;
  height: 100%;
}

.admin-content-image._100-width-height.cover {
  object-fit: cover;
}

.checkout-cart-button {
  justify-content: center;
  height: 65px;
  font-size: 1.5rem;
  display: flex;
}

.checkout-cart-button.pink {
  background-color: var(--pink);
}

.checkout-cart-button.teal {
  background-color: var(--teal);
}

.checkout-cart-button.red {
  background-color: var(--heidelbeere);
}

.checkout-cart-button.orange {
  background-color: var(--orange);
}

.overflow-hidden {
  text-align: center;
  align-self: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.overflow-hidden.center {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: block;
  overflow: hidden;
}

.overflow-hidden.center.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.overflow-hidden.center.grid.profil {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  display: flex;
}

.overflow-hidden.center.gr-nder {
  padding-bottom: 1rem;
  padding-left: 120px;
  padding-right: 120px;
}

.overflow-hidden.center.best-tigung {
  display: block;
  position: relative;
  top: auto;
}

.overflow-hidden.padding-2rem {
  padding-bottom: 0;
}

.overflow-hidden.bild_inhalt {
  padding-left: 15%;
  padding-right: 15%;
}

.overflow-hidden.bild_inhalt.left {
  padding-left: 0%;
  padding-right: 30%;
}

.overflow-hidden.rand {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 0;
  overflow: scroll;
}

.overflow-hidden.rand-10 {
  padding-left: 10%;
  padding-right: 10%;
}

.overflow-hidden.drehen {
  overflow: hidden;
  transform: rotate(-15deg);
}

.overflow-hidden.bottom-0px.blogheader {
  padding-bottom: 4rem;
}

.overflow-hidden.none {
  display: none;
}

.overflow-hidden.best-tigung {
  display: block;
  position: relative;
  top: auto;
}

.overflow-hidden.blog {
  padding-bottom: 2rem;
}

.heading-reveal-animation {
  padding-top: 0;
  padding-bottom: .8rem;
  overflow: visible;
}

.heading-reveal-animation.rotate {
  overflow: visible;
}

.heading-reveal-animation.scribble {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.paragraph-reveal-animation {
  display: none;
}

.nav-product-card {
  width: 100%;
}

.tablet-mobile-nav-dropdown {
  padding-right: 36px;
  position: static;
}

.tablet-mobile-nav-dropdown.tablet-mobile {
  display: none;
}

.background-overlay.go-sayian {
  opacity: 0;
  background-color: #53cfff;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.background-overlay.about-us-02-hero {
  background-color: #69bbfe;
  background-image: linear-gradient(#6ac9ff, #69bbff 32%);
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.background-overlay.product-page-body-background {
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.background-overlay-reveal {
  opacity: 0;
  height: 100%;
}

.background-overlay-reveal.dark-teal {
  z-index: 2;
  background-color: #4eceff;
  position: absolute;
  inset: 0%;
}

.background-overlay-reveal.pink {
  z-index: 2;
  background-color: var(--pink);
  position: absolute;
  inset: 0%;
}

.background-overlay-reveal.yellow {
  z-index: 2;
  background-color: var(--yellow);
  position: absolute;
  inset: 0%;
}

.nutrition-facts-background {
  z-index: 1;
  border-radius: 11px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.inner-nutrition-label {
  z-index: 2;
  position: relative;
}

.apple-pay {
  height: 55px;
}

.password-button {
  background-color: var(--pink);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: .75em 2em;
  font-family: Mona Sans Condensed;
  font-size: 1.5em;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity .35s;
  display: inline-block;
  position: relative;
}

.password-button:hover {
  opacity: .88;
  color: #faf8f4;
}

.password-button.teal {
  border: 1px solid var(--teal);
  background-color: var(--teal);
  transition: border-color .35s, background-color .3s;
}

.password-button.teal:hover {
  border: 1px solid var(--white);
  background-color: #68d9ff00;
}

.index-button-wrapper {
  display: inline-block;
}

.bottom-index-card-title {
  color: #faf8f4;
  text-transform: uppercase;
}

.display-text {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

.mockup-link-block-wrapper {
  background-color: #fff;
  border-radius: 11px;
  flex: none;
  width: 27rem;
  margin-left: 12px;
  margin-right: 12px;
  padding: 1rem;
  transition: transform .3s;
  overflow: hidden;
  box-shadow: 0 2px 6px #14142b0f;
}

.mockup-link-block-wrapper:hover {
  transform: translate(0, -18px);
}

.mockup-screenshot-image {
  vertical-align: baseline;
  object-fit: cover;
  border-radius: 11px;
  flex: 0 auto;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.mockup-screenshot-image.utility-pages {
  position: static;
}

.main-index-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
  position: relative;
}

.bottom-main-index-mockups {
  justify-content: center;
  display: flex;
  position: static;
  top: 50%;
}

.index-cta {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5625rem 1.625rem;
  font-size: 1rem;
  text-decoration: none;
  transition: color .35s, background-color .35s;
  display: flex;
}

.index-cta:hover {
  color: #000;
  background-color: #e4f77c;
}

.index-cta.main {
  border: 1px solid var(--pink);
  background-color: var(--pink);
  color: #faf8f4;
  text-transform: uppercase;
  height: 4.5rem;
  padding-left: 1.825rem;
  padding-right: 1.825rem;
  font-family: Mona Sans Condensed;
  font-size: 1.3rem;
}

.index-cta.main:hover {
  border-color: var(--teal);
  background-color: var(--teal);
  opacity: 1;
}

.index-cta.main._100-width {
  flex: 0 auto;
  width: 100%;
}

.index-cta.main.empty {
  border: 1px solid var(--teal);
  background-color: var(--teal);
  color: var(--white);
  transition: background-color .35s;
}

.index-cta.main.empty:hover {
  border-color: var(--pink);
  background-color: var(--pink);
  opacity: 1;
}

.man-index-whats-included-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.man-index-whats-included-grid._5-8rem-margin-bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 5.8rem;
}

.site-preview-background-video-wrapper.main-index {
  height: 100%;
  overflow: hidden;
}

.index-logo-icon.main-index-size {
  border-radius: 12px;
  width: 55px;
}

.index-logo-icon.main-index-size.zorro-logo {
  filter: invert();
}

.index-logo-icon.webflow-logo {
  border-radius: 12px;
  width: 55px;
}

.card-index {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 2px 7px #14142b0f;
}

.card-index:hover {
  opacity: 1;
}

.card-index.video {
  border-color: #afafaf;
  border-radius: 8px;
  box-shadow: 0 2px 10px -2px #00000047;
}

.card-index.display-text {
  border-color: var(--pink);
  background-color: var(--pink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-index.buy-now {
  background-color: var(--pink);
  border-style: solid;
  border-color: #e6e6e6;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  overflow: hidden;
}

.card-index.buy-now:hover {
  transform: translate(0, -23px);
}

.mockup-link-block-image {
  border-radius: 11px;
  width: 100%;
  height: 44rem;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.mockup-link-block-image.hero {
  height: 33rem;
  margin-bottom: 0;
  display: block;
}

.mockup-link-block-image.hero.no-auto {
  overflow: visible;
}

.mockup-link-block-image.auto {
  height: auto;
}

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

.mockup-caption {
  color: var(--pink);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.mockup-link-block {
  color: #162748;
  background-color: #fff;
  border-radius: 11px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 25px;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .35s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.mockup-link-block:hover {
  opacity: 1;
  color: #162748;
  background-color: #e1e1e2;
  box-shadow: 0 1px 1px #00000026;
}

.index-h2-heading {
  color: var(--pink);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 3.5rem;
  line-height: 1.1;
}

.index-h2-heading.index-heading {
  margin-top: 113px;
}

.index-h2-heading.index-heading.first {
  margin-top: 0;
}

._2-column-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.index-h1-heading {
  color: var(--pink);
  text-transform: uppercase;
  font-size: 6rem;
  line-height: 1;
}

.index-vimeo-video {
  display: none;
}

.top-main-index-mockups {
  justify-content: center;
  margin-top: 7.9rem;
  margin-bottom: 25px;
  display: flex;
  position: static;
}

.button-contaner.horizontal-desktop {
  display: flex;
}

.button-contaner.horizontal-desktop.center-aligned {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: center;
  align-items: center;
}

.display-text-box {
  color: #f7f7ee;
  text-align: center;
  padding: 32px;
}

.index-grid-wrapper.display-stat {
  margin-bottom: 4rem;
}

.index-overflow-hidden {
  width: 100%;
  overflow: hidden;
}

.rich-text-block {
  margin-top: 0;
  padding-top: 0;
  display: none;
}

.paragraph-2 {
  font-family: Chesnagrotesk, Arial, sans-serif;
}

.main-paragraph {
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-weight: 400;
}

.paragraph-4, .paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8 {
  font-family: Courier Prime;
}

.comming-soon {
  justify-content: flex-end;
  align-items: center;
  width: 30rem;
  display: block;
  overflow: hidden;
}

.heading, .heading-2, .heading-3 {
  font-family: Mudstone Sans, Impact, sans-serif;
}

.paragraph-9, .paragraph-10, .paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14, .paragraph-15, .paragraph-16, .paragraph-17, .paragraph-18, .paragraph-19, .paragraph-20, .paragraph-21, .paragraph-22, .paragraph-23, .paragraph-24, .paragraph-25, .paragraph-26, .paragraph-27, .paragraph-28 {
  font-family: Chesnagrotesk, Arial, sans-serif;
}

.paragraph-29 {
  font-family: Chesnagrotesk, Arial, sans-serif;
  position: static;
}

.paragraph-30, .paragraph-31, .paragraph-32, .paragraph-33 {
  font-family: Chesnagrotesk, Arial, sans-serif;
}

.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-label.absolute {
  position: absolute;
  top: -8px;
  bottom: auto;
}

.input-large {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 10px;
  min-width: 300px;
  height: 52px;
  margin-top: 1px;
  margin-bottom: 0;
  padding-left: 16px;
  font-size: 15px;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input-large:hover {
  border-color: #434de7;
}

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

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

.form-horizontal {
  align-items: center;
  display: flex;
}

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

.small-feature-label {
  font-weight: 600;
}

.small-feature-label.tp-small {
  margin-top: 3px;
}

.relative {
  position: relative;
}

.paragraph-34 {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.small-feature-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #000;
  align-items: center;
  display: flex;
}

.success-message-2 {
  color: #fff;
  background-color: #19b13a;
  border-radius: 10px;
  font-weight: 600;
}

.subheader {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.subheader.cta-color {
  color: #434de7;
  font-weight: 600;
}

.subheader.small.line-bottom {
  border-bottom: 3px solid #000;
}

.icon-secondary {
  color: #fff;
  background-color: #434de7;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.button-2 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-2:hover {
  box-shadow: none;
  background-color: #000;
}

.button-2.in-horizontal-form {
  height: 52px;
  margin-top: 0;
  margin-left: 10px;
}

.content-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h1 {
  color: #000;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
}

.spacer-l {
  width: 100%;
  height: 30px;
}

.checkbox-label {
  text-align: left;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-weight: 400;
}

.checkbox-field {
  margin-left: 8px;
}

.checkbox-field.nachricht {
  max-width: none;
}

.bold-text {
  letter-spacing: .02em;
}

.bottom {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.footer-flexbox {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer-flexbox.coming-soon {
  justify-content: flex-start;
  align-items: center;
}

.nav-text-rechts-container.flex {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.nav-text-rechts {
  color: var(--white);
  padding: 0;
  font-size: 1.2rem;
  font-weight: 700;
  transition: all .2s;
}

.nav-text-rechts:hover {
  color: #79cabe;
}

.nav-text-rechts.orange {
  color: var(--black);
  text-align: right;
  padding-right: 22px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-rechts.orange.w--open {
  z-index: 100;
}

.nav-text-rechts.red {
  color: var(--heidelbeere);
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-rechts.red.w--open {
  z-index: 100;
}

.nav-text-rechts.teal {
  color: #5fd7ff;
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-rechts.teal.w--open {
  z-index: 100;
}

.nav-text-rechts.hot-pink {
  color: var(--black);
  padding-right: 22px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
}

.nav-text-rechts.hot-pink.w--current {
  letter-spacing: .01rem;
}

.nav-text-rechts.hot-pink.w--open {
  z-index: 100;
}

.nav-text-rechts.black {
  color: var(--black);
  text-align: right;
  letter-spacing: .04rem;
  padding-left: 0;
  padding-right: 0;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.nav-text-rechts.black.w--open {
  z-index: 100;
}

.nav-text-links {
  color: var(--white);
  padding: 0;
  font-size: 1.2rem;
  font-weight: 700;
  transition: all .2s;
}

.nav-text-links:hover {
  color: #79cabe;
}

.nav-text-links.orange {
  color: var(--black);
  text-align: right;
  padding-right: 22px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-links.orange.w--open {
  z-index: 100;
}

.nav-text-links.red {
  color: var(--heidelbeere);
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-links.red.w--open {
  z-index: 100;
}

.nav-text-links.teal {
  color: #5fd7ff;
  padding-right: 22px;
  font-size: 1.4rem;
  text-decoration: none;
}

.nav-text-links.teal.w--open {
  z-index: 100;
}

.nav-text-links.hot-pink {
  color: var(--black);
  padding-right: 22px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
}

.nav-text-links.hot-pink.w--current {
  letter-spacing: .01rem;
}

.nav-text-links.hot-pink.w--open {
  z-index: 100;
}

.nav-text-links.black {
  color: var(--black);
  text-align: right;
  letter-spacing: .04rem;
  padding-right: 0;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.nav-text-links.black.w--open {
  z-index: 100;
}

.nav-text-links.black.none, .nav-text-links.black.mobil {
  display: none;
}

.header {
  color: #000;
  text-align: center;
  width: 500px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 3rem;
  line-height: 3rem;
  text-decoration: none;
  position: relative;
  top: 0;
}

.sq-slider {
  border: 4px #ee6a2f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.slider-wrap {
  flex-direction: column;
  flex: none;
  align-self: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.slider-wrap.trislider {
  flex: none;
  width: 500px;
  display: block;
}

.client-slider {
  background-color: #0000;
  height: 100%;
}

.client-cube {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: auto;
  padding-bottom: 0;
}

.client-cube.produkt {
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.slide-nav {
  display: block;
  bottom: -48px;
}

.slide-nav.none {
  display: none;
}

.right-arrow-wrap {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: block;
  position: absolute;
  inset: auto 10% 10% auto;
  overflow: visible;
}

.resource-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.client-slider-panel {
  opacity: 1;
  border: 3px #fff;
  width: 100%;
  margin-right: 0;
  top: 0;
  left: 0%;
}

.client-slider-wrapper {
  border: 5px #ee6a2f;
  display: flex;
}

.client-slider-mask {
  width: 40%;
  left: 30%;
  overflow: visible;
}

.direction-icon {
  color: #c9c9c9;
  background-color: #15759600;
  background-image: none;
  border: 1px solid #dadada;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 559px;
  margin-bottom: 0;
  font-size: 17px;
  display: flex;
}

.direction-icon:hover {
  background-color: #ffffff3d;
}

.direction-icon.right {
  background-image: url('../images/pfeil_rechts.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 60px;
  margin-top: 0;
  left: 0;
}

.direction-icon.right.none {
  display: none;
}

.direction-icon.left {
  vertical-align: baseline;
  background-color: #fff0;
  background-image: url('../images/pfeil_links.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 160px;
  margin-top: 0;
  display: flex;
  position: static;
  top: auto;
  left: 0;
  right: auto;
}

.direction-icon.left.none {
  display: none;
}

.direction-icon.left.blog {
  right: auto;
}

.direction-icon.right {
  left: -298px;
}

.direction-icon.left {
  right: -304px;
}

.direction-icon.left.none {
  background-color: #ffffff08;
}

.left-arrow-wrap {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: auto auto 10% 10%;
  overflow: visible;
}

.pfeil-position {
  opacity: .93;
  justify-content: center;
  align-items: center;
  height: 12rem;
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: auto auto -50%;
  overflow: hidden;
}

.bmnb {
  vertical-align: baseline;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.website-panel {
  height: 100%;
  padding: 6px;
}

.website-panel.trislider {
  opacity: 1;
  filter: blur(3px);
  opacity: 1;
  position: relative;
  top: -10vh;
  transform: scale(.8);
}

.test {
  background-color: #ff5b5b;
  height: 30vh;
}

.test.blau {
  background-color: var(--teal);
}

.test.gr-n {
  background-color: var(--melisse);
}

.bg-image-slide-3 {
  background-image: url('../images/Petra.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.arrow-tail-dot-2-l8 {
  background-color: #cb0000;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.text-block-2 {
  font-size: 16px;
  line-height: 24px;
}

.bg-image-slide-2 {
  background-image: url('../images/Machu_Picchu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.title {
  margin-bottom: 30px;
  font-size: 46px;
  line-height: 54px;
}

.slider-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
}

.slide-nav-2 {
  z-index: 999;
  font-size: 15px;
  inset: -50px 0% auto;
}

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

.slide {
  background-color: #0000;
}

.arrow-tail-dot-3-l8 {
  background-color: #cb0000;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.bg-image-slide-1 {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: rotate(-90deg);
}

.bg-image-slide-1.gedreht {
  transform: none;
}

.text-wrapper-slide-1 {
  max-width: 400px;
  margin-left: 100px;
  padding-right: 20px;
}

.content-wrapper-2 {
  width: 50vw;
  height: 100vh;
  padding-top: 70px;
  position: relative;
}

.content-wrapper-2.none {
  display: none;
}

.right-arrow-2 {
  width: 30%;
  height: 200%;
  display: block;
}

.arrow-tail-dot-4-l8 {
  background-color: #cb0000;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.left-arrow {
  width: 30%;
  height: 200%;
  display: block;
}

.text-wrapper-slide-3 {
  max-width: 400px;
  margin-left: 100px;
  padding-right: 20px;
  display: none;
  position: absolute;
  inset: 70px auto auto 0%;
}

.arrow-wrapper-l8 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-head-l8 {
  height: 30px;
  margin-left: -6px;
}

.mask {
  width: 50vh;
}

.text-l8 {
  margin-right: 7px;
  font-size: 16px;
  font-weight: 500;
}

.container-2 {
  justify-content: center;
  align-items: center;
  max-width: 1500px;
  height: auto;
  margin-top: 0;
  padding-top: 0%;
  display: block;
  position: static;
}

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

.arrow-tail-dot-1-l8 {
  background-color: #cb0000;
  width: 2px;
  height: 2px;
  margin-right: 2px;
}

.arrow-tail-l8 {
  background-color: #cb0000;
  width: 40px;
  height: 2px;
}

.text-wrapper-slide-2 {
  max-width: 400px;
  margin-left: 100px;
  padding-right: 20px;
  display: none;
  position: absolute;
  inset: 70px auto auto 0%;
}

.link {
  z-index: 3;
  color: #333;
  justify-content: flex-start;
  align-items: center;
  width: 185px;
  margin-top: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.slider-2 {
  background-color: #ddd0;
  width: 100vh;
  height: 50vw;
  padding-top: 30px;
  position: relative;
  transform: rotate(90deg);
}

.div-block-2 {
  width: 100%;
  position: relative;
  top: auto;
  left: auto;
}

.blog-wrapper {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.blog-wrapper.gedreht {
  transform: none;
}

.section-project {
  width: 100%;
  display: none;
  overflow: visible;
}

.card-header {
  width: 100%;
  max-width: 25.125rem;
  position: relative;
}

.card-text {
  color: #0a0c0a;
  margin-top: 2.375rem;
  margin-bottom: 5.625rem;
  font-size: 1.5rem;
}

.card-header-figure {
  height: 100%;
  padding-top: 112%;
  position: relative;
  overflow: hidden;
}

.swiper.tinyflow-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper.is-team {
  width: 100%;
  margin-top: 3rem;
  overflow: hidden;
}

.swiper.is-team.none {
  display: none;
}

.project-slider-buttons-group {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-items: center;
  height: 50vh;
  display: flex;
}

.banner__bg {
  z-index: -1;
}

.banner__bg.size-cover {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.card {
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.card-header-content-text {
  color: #0a0c0a99;
  font-size: .875rem;
  line-height: 1;
}

.card-button-icon {
  font-size: 1.125rem;
}

.card-body-quote {
  font-size: 2.375rem;
  display: block;
}

.section-banner {
  isolation: isolate;
  background-color: #0a0c0a;
}

.project-slider {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  width: auto;
  display: flex;
  overflow: visible;
}

.arrow {
  color: #fff;
  background-color: #0a0c0a;
  border-style: none;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 50%;
  font-size: 1.25rem;
  transition: background-color .2s cubic-bezier(.77, 0, .175, 1), color .2s cubic-bezier(.77, 0, .175, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.arrow:hover, .arrow:focus-visible, .arrow[data-wf-focus-visible] {
  color: #000;
  background-color: #0000;
}

.card-header-content-title {
  color: #0a0c0a;
  margin-bottom: .75rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}

.swiper-wrapper {
  height: auto;
  overflow: hidden;
}

.card-body {
  flex: 1;
  align-self: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 10.625rem;
}

.swiper-slide {
  height: auto;
  overflow: hidden;
}

.arrow-background {
  z-index: -1;
  border-radius: inherit;
  position: absolute;
  inset: 0%;
}

.card-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #0a0c0a;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.banner__title {
  opacity: .9;
  color: #fff;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1;
  font-size: clamp(2.375rem, 7vw, var(--font-size--huge));
  max-width: 15ch;
  margin-left: auto;
  margin-right: auto;
}

.card-button-text {
  font-weight: 500;
  text-decoration: underline;
}

.card-header-figure-background {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-spacing {
  padding-left: 30px;
  padding-right: 30px;
}

.section-spacing.banner {
  padding-top: 10.5rem;
  padding-bottom: 5.625rem;
}

.banner__title__gradient {
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 0 0, #fff 12%, #affb42 42%, #01db86 61%);
  -webkit-background-clip: text;
  background-clip: text;
}

.card-header-content {
  border-radius: 1rem;
  padding: 1.5rem;
  position: absolute;
  bottom: 1.875rem;
  left: 1.875rem;
}

.main {
  background-image: url('../images/Blog_Rahmen.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 55vh;
  margin-bottom: 0;
  margin-left: 0%;
  padding: 5% 0%;
  overflow: hidden;
}

.main.none {
  display: none;
}

.container-3 {
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.arrow-icon.arrow-icon-left.none {
  display: none;
}

.project-slider-buttons-group-2 {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-2 {
  align-items: stretch;
  height: 100%;
  display: flex;
}

.project-slider-2 {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  display: flex;
}

.arrow-2 {
  color: #fff;
  background-color: #0a0c0a;
  border-style: none;
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.25rem;
  transition: background-color .2s cubic-bezier(.77, 0, .175, 1), color .2s cubic-bezier(.77, 0, .175, 1);
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.arrow-2:hover, .arrow-2:focus-visible, .arrow-2[data-wf-focus-visible] {
  color: #000;
  background-color: #0000;
}

.swiper-wrapper-2.is-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.swiper-slide-2.is-team {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20rem;
  display: flex;
}

.drop-down {
  grid-column-gap: 104px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  max-width: 55%;
  margin-top: 85px;
  margin-left: auto;
  margin-right: auto;
}

.drop-down.contact-us {
  max-width: 75%;
}

.drop-down.faq-page {
  max-width: 75%;
  margin-top: 0;
}

.drop-down.inhaltstoffe {
  max-width: 75%;
  margin-top: 0;
  margin-bottom: 100px;
}

.lottie-animation-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0%;
  display: none;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%)scale(1.5);
}

.produkt-animate-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: block;
  position: relative;
  top: auto;
}

.header-2 {
  color: #000;
  text-align: center;
  width: 500px;
  font-size: 2rem;
  line-height: 2rem;
  text-decoration: none;
  position: relative;
  top: 120px;
}

.sq-slider-2 {
  border: 4px #ee6a2f;
}

.blog_cube {
  object-fit: cover;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  position: relative;
  top: -100%;
}

.blog_cube.top {
  z-index: 9;
  position: relative;
  top: auto;
}

.blog_cube.bottom {
  z-index: 4;
  width: 100%;
  margin-top: 0%;
  display: inline-block;
  position: relative;
  top: auto;
}

.rechts-pfeil {
  display: block;
  bottom: -115px;
  right: -10px;
  overflow: visible;
}

.rechts-pfeil.blog {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 120%;
  display: flex;
  bottom: auto;
  left: auto;
  right: -50%;
}

.rechts-pfeil.blog.none {
  display: none;
}

.resource-wrap-2 {
  background-image: linear-gradient(#ffffffe0, #ffffffe0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.links-pfeil {
  display: none;
  bottom: -115px;
  left: -10px;
  overflow: visible;
}

.links-pfeil.blog {
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 120%;
  display: flex;
  bottom: auto;
  left: -50%;
  right: auto;
}

.links-pfeil.blog.none {
  display: none;
}

.div-block-3 {
  opacity: .93;
  height: 6rem;
  margin-top: 0;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.blog {
  vertical-align: baseline;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: block;
}

.blog_carusell_wrapper {
  background-image: linear-gradient(#fff0, #fff0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  display: flex;
  overflow: hidden;
}

.blog_carusell_wrapper.none {
  display: block;
}

.blog_wrap {
  flex-direction: column;
  flex: none;
  align-self: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.blog_wrap.trislider {
  flex: none;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  max-width: none;
  height: auto;
  display: block;
}

.blog-slider-wrapper {
  border: 5px #ee6a2f;
  display: flex;
}

.client-slider-copy {
  background-color: #0000;
  height: 100%;
}

.blog-slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.blog-slider-mask {
  width: 100%;
  overflow: visible;
}

.blog-slider-panel {
  opacity: 1;
  border: 3px #fff;
  height: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  top: 0;
}

.website-panel-copy {
  height: 100%;
  padding: 6px;
}

.website-panel-copy.trislider {
  opacity: 1;
  filter: blur(3px);
  opacity: 1;
  position: relative;
  top: -10vh;
  transform: scale(.8);
}

.blog-panell {
  height: 100%;
  padding: 6px;
}

.blog-panell.trislider {
  opacity: 1;
  filter: none;
  opacity: 1;
  height: 100%;
  padding-bottom: 6px;
  position: relative;
  top: 0;
  transform: none;
}

.bl-slider {
  border: 4px #ee6a2f;
}

.blog_text_wrapper {
  vertical-align: baseline;
  width: 70%;
  height: 100%;
  margin-top: 0%;
  margin-right: 0;
  padding: 0% 0;
  display: block;
  position: absolute;
  overflow: auto;
}

.blog_text_wrapper.blur {
  height: 105%;
  margin-top: 0%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.grid {
  flex-flow: column;
  grid-template-rows: auto 20% auto;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.image-2 {
  width: 50%;
  position: relative;
  bottom: auto;
}

.image-cocktail {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  padding: 0% 0% .8rem;
  display: flex;
}

.image-cocktail.none {
  display: none;
}

.kontakt-formular {
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  display: block;
}

.kontakt-formular.abo {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .55fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.sende_button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.zutatenlist-toggl {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0;
  display: flex;
}

.a-block {
  background-color: #83090900;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16vw;
  max-width: none;
  height: 100%;
  min-height: auto;
  margin-left: 1vw;
  margin-right: 1vw;
  display: block;
  overflow: hidden;
}

.a-block.randlos {
  margin-left: 0;
  margin-right: 0;
}

.the-width-400vh-scrollable-div {
  flex-wrap: wrap;
  align-items: center;
  width: 250vh;
  height: 100%;
  display: flex;
}

.the-content {
  outline-offset: 0px;
  outline: 3px #333;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.the-content.none {
  display: none;
}

.text-span-2 {
  font-size: 31px;
  line-height: 34px;
  display: inline;
}

.gradient {
  text-align: center;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.the-overflow-hidden-mask {
  z-index: 200;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.the-overflow-hidden-mask.none {
  display: none;
}

.night-sky-fixed-background {
  z-index: 100;
  opacity: 1;
  background-color: #0e108100;
  width: 800vh;
  height: 100%;
  display: none;
  position: absolute;
}

.the-height-400vh-section {
  background-color: #fff0;
  border-top: 60px #24242417;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  height: 200vh;
  margin-left: 0;
  display: flex;
  position: relative;
}

.the-height-400vh-section:focus {
  box-shadow: inset 0 0 0 85px #ff00004a;
}

.the-height-400vh-section.none {
  display: none;
}

.the-sticky-div {
  background-color: #fff0;
  background-image: radial-gradient(circle farthest-corner at 15% 50%, var(--pfirsich), #fff0 32%);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  padding-top: 50px;
  display: flex;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.the-sticky-div.none {
  display: none;
}

.body {
  background-color: #f6f1f600;
}

.overflow-hidden-2 {
  height: 50vh;
  overflow: hidden;
}

.button-3 {
  color: #f13e37;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px 36px;
  font-size: 1.3rem;
  font-weight: 700;
  transition: color .35s, background-color .35s;
}

.button-3:hover {
  color: #fff;
  background-color: #f13e37;
}

.button-3.yellow {
  color: #4eceff;
  background-color: #fff500;
}

.eistee_inhalt_usps {
  height: auto;
  padding-top: 0;
  padding-left: 20vw;
  padding-right: 20vw;
}

.paragraph-35 {
  color: #fff;
  margin-bottom: 1.5rem;
}

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

.grid_grafik {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
}

.pfeil-wrapper {
  width: 100%;
}

.pfeil-wrapper.top--14 {
  margin-top: -14%;
}

.scribble_text {
  text-align: center;
  letter-spacing: -.1px;
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  overflow: visible;
}

.scribble_text.drehen {
  overflow: visible;
  transform: rotate(-9deg);
}

.scribble_text.drehen.rechts {
  transform: rotate(20deg);
}

.scribble_text.drehen._6deg {
  transform: rotate(-6deg);
}

.scribble_text.black {
  color: var(--black);
  letter-spacing: 0;
  font-size: 3rem;
  line-height: 2rem;
}

.scribble_text.black.geschmack {
  font-size: 3rem;
}

.scribble_text.black.sweet {
  line-height: 2rem;
}

.scribble_text.black.small {
  font-size: 3rem;
  line-height: 2rem;
}

.scribble_text.black.big {
  font-size: 4.5rem;
  line-height: 3.5rem;
}

.overflow-not-hidden {
  text-align: center;
  align-self: center;
  margin-left: 0;
  padding-left: 0;
  overflow: visible;
}

.overflow-not-hidden.center {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  display: block;
  overflow: hidden;
}

.overflow-not-hidden.padding-2rem {
  padding-bottom: 0;
}

.overflow-not-hidden.bild_inhalt {
  padding-left: 10%;
  padding-right: 10%;
}

.overflow-not-hidden.rand {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 0;
  overflow: scroll;
}

.pfeil.drehen {
  transform-style: preserve-3d;
  transform: rotate(23deg);
}

.pfeil.drehen.mobil {
  display: none;
}

.lottie-animation-3, .lottie-animation-4, .lottie-animation-1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0%;
  display: none;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%)scale(1.5);
}

.div-block-4 {
  opacity: 1;
  background-color: #e2e2e2;
  width: 100%;
  height: 3rem;
  margin-left: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.overflow_text {
  z-index: 5;
  vertical-align: baseline;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 73%;
  margin-top: 0%;
  padding: 0% 0% 0;
  display: flex;
  position: absolute;
  inset: auto 0%;
  overflow: hidden;
}

.overflow_text.blur {
  height: 95%;
  margin-top: 0%;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.overflow_text.none {
  display: none;
}

.image-3 {
  width: auto;
  max-width: none;
  height: auto;
  overflow: hidden;
}

.image_produkt {
  flex: 0 auto;
  width: auto;
  min-width: auto;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.zutatenliste {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: auto;
  display: flex;
}

.line.bottom {
  border-bottom: 3px solid #000;
  flex-flow: column;
  flex: 1;
  align-items: center;
  height: auto;
  display: block;
  overflow: hidden;
}

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

.zutat.line-bottom {
  border-bottom: 2px solid #000;
  padding-top: 3px;
  padding-bottom: 3px;
}

.in-line {
  color: #fff;
  text-transform: uppercase;
  font-family: Mona Sans Condensed;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.in-line.story {
  text-transform: capitalize;
  margin-bottom: 7px;
}

.in-line.story.black {
  color: var(--black);
}

.in-line.fact-pink {
  color: var(--pink);
  margin-top: 49px;
}

.in-line.about-us-03-hero {
  text-transform: none;
  font-family: Satoshi;
  font-size: 1.7rem;
  font-weight: 400;
}

.in-line.black {
  color: #000;
}

.in-line.small {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.in-line.small.abstand {
  color: #000;
  padding-bottom: 2.5rem;
}

.in-line.small.line {
  border-bottom: 3px #000;
}

.zutalen-spalte {
  color: #000;
  text-align: center;
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.zutalen-spalte.cta-color {
  color: #434de7;
  font-weight: 600;
}

.zutalen-spalte.small.line-bottom {
  border-bottom: 2px solid #000;
}

.div-block-5 {
  z-index: 7;
  height: 2rem;
  display: none;
  position: relative;
}

.anrede {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  display: flex;
}

.dropdown-toggle {
  padding: 0;
  display: flex;
}

.dropdown {
  height: auto;
}

.form_item {
  vertical-align: baseline;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.form-label-2 {
  font-size: 1rem;
  line-height: 1.15;
}

.form-select {
  aspect-ratio: auto;
  color: #000000d1;
  object-fit: fill;
  background-color: #0000;
  border: 1px #333;
  border-radius: 0;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  display: inline-block;
  position: static;
  overflow: clip;
}

.code-embed-3 {
  display: block;
}

.form-betreff {
  width: 100%;
  margin-bottom: 25px;
}

.form-betreff._0px {
  border: 2px solid #000;
  border-radius: 8px 0 0 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.form-betreff._0px._100 {
  width: 100%;
}

.bubble-text {
  text-align: center;
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-size: 6rem;
  line-height: 1;
  position: absolute;
  inset: 15% 0% 0%;
}

.speaker-slide-mask {
  width: 33.33%;
  max-height: none;
  overflow: visible;
}

.blog-slide-content {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.slide-nav-3 {
  display: none;
}

.speakers-hero-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 0;
  display: block;
}

.blog-slide {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.speaker-image-cover {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/Blog2-top.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.speaker-image-cover.none {
  display: none;
}

.clip-text {
  overflow: hidden;
}

.clip-text.speaker-headding {
  margin-top: -48px;
  margin-bottom: 36px;
  position: relative;
  top: 36px;
}

.clip-text.center {
  color: var(--black);
  text-align: center;
}

.speaker-arrow {
  background-color: #1e202900;
  border: 1px #ffffff0a;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 33%;
  height: 100%;
  padding: 0;
  display: flex;
  inset: auto 0 5vw auto;
}

.speaker-arrow.left {
  background-color: #1e202900;
  width: 90px;
  height: 100%;
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.speaker-arrow.left.blog {
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  left: 0;
  right: auto;
}

.speaker-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 101%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.speaker-image.six {
  background-image: url('../images/Portrait004.jpg');
  background-position: 50% 0;
}

.speaker-image.six.none {
  display: none;
}

.speaker-image.three {
  background-image: url('../images/Portrait001.jpg');
  background-position: 100% 0;
  margin-right: 0;
}

.speaker-image.two {
  background-image: url('../images/Portrait002.jpg');
}

.speaker-image.five {
  background-image: url('../images/Portrait006.jpg');
  background-position: 0 0;
  width: 101%;
}

.speaker-image.one {
  background-image: url('../images/Portrait003.jpg');
}

.speaker-image.four {
  background-image: url('../images/Portrait0018.jpeg');
  background-position: 50% 0;
}

.blog--slider-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.speaker-slide {
  top: auto;
}

.speaker-slide.noen {
  opacity: 1;
}

.speaker-info {
  max-width: 500px;
  margin-top: 36px;
  margin-bottom: 36px;
}

.speaker-name {
  z-index: 10;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 64px;
  position: relative;
}

.speaker-name.center {
  color: var(--black);
  text-align: center;
  letter-spacing: .01em;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  display: block;
}

.button-4 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.slide-image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-display {
  color: #8a94a6;
  line-height: 1.55em;
}

.body-display.large {
  color: var(--black);
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

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

.body-display.large {
  text-align: center;
  padding-top: 17px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.slide-arrow {
  width: auto;
}

.slide-arrow.blog {
  width: auto;
  height: auto;
  overflow: clip;
}

.section-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 5vw;
  display: flex;
  position: relative;
}

.section-2.home-hero-section {
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  padding: 250px 0 0;
  overflow: hidden;
}

.section-2.home-hero-section.first {
  padding-top: 140px;
}

.section-2.home-hero-section {
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  padding: 0 0 5vw;
  display: block;
  top: 0;
  overflow: hidden;
}

.section-2.home-hero-section.small {
  display: block;
}

.section-2.home-hero-section.small.slider {
  padding-bottom: 0;
}

.slide-nav-4 {
  display: none;
}

.speaker-image-cover-2 {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/Gradient-Blur-001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.speaker-arrow-2 {
  background-color: #1e202900;
  border: 1px #ffffff0a;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 5vw 5vw auto;
}

.speaker-arrow-2.left {
  background-color: #1e202900;
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: auto;
}

.speaker-arrow-2.left.produkt {
  width: 30%;
  bottom: 12vw;
}

.speaker-arrow-2.right {
  justify-content: flex-start;
  align-items: flex-end;
  width: 30%;
  bottom: 12vw;
  right: 0;
}

.slide-image-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.slide-arrow-2 {
  width: 9rem;
}

.speaker-arrow-wrapper {
  background-color: #1e202900;
  border: 1px #ffffff0a;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 33%;
  height: 100%;
  padding: 0;
  display: flex;
  inset: auto 0 5vw auto;
}

.speaker-arrow-wrapper.left {
  background-color: #1e202900;
  justify-content: flex-end;
  align-items: flex-end;
  width: 30%;
  height: 100%;
  margin-right: 0;
  bottom: 0;
  left: 0;
  right: auto;
}

.speaker-arrow-wrapper.left.blog {
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  left: 0;
  right: auto;
}

.speaker-arrow-wrapper.right {
  justify-content: flex-end;
  align-items: flex-start;
  bottom: 0;
  left: auto;
  right: 0;
}

.speaker-arrow-copy {
  background-color: #1e202900;
  border: 1px #ffffff0a;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 33%;
  height: 100%;
  padding: 0;
  display: flex;
  inset: auto 0 5vw auto;
}

.speaker-arrow-copy.left {
  background-color: #1e202900;
  width: 90px;
  height: 100%;
  margin-right: 72px;
  left: auto;
  right: 5vw;
}

.speaker-arrow-copy.left.blog {
  justify-content: flex-end;
  align-items: flex-end;
  width: 33%;
  left: 0;
  right: auto;
}

.container-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.swiper-button__arrow {
  width: 1rem;
}

.swiper-button__arrow.is-2 {
  position: absolute;
}

.global {
  position: fixed;
}

.swiper-button {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.swiper-button.swiper-btn-prev {
  transform: rotate(180deg);
}

.section-3 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.swiper-button__border {
  border: 1px dashed #ff5e00;
  border-radius: 100rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swiper-button__wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

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

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.blog66_item-link {
  text-decoration: none;
}

.blog66_heading {
  flex: 1;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 0 0 1.5rem;
}

.margin-bottom.margin-xxsmall {
  margin: 0 0 1rem;
}

.margin-bottom.margin-xxlarge {
  margin: 0 0 4rem;
}

.blog66_slide {
  padding-right: 1rem;
}

.slider-arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.slider-arrow {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.slider-arrow.is-bottom-previous {
  background-color: #000;
  inset: auto 4rem 0% auto;
}

.slider-arrow.is-bottom-next {
  background-color: #000;
  inset: auto 0% 0% auto;
}

.slider-arrow.is-bottom-previous {
  inset: auto 4rem 0% auto;
}

.slider-arrow.is-bottom-next {
  inset: auto 0% 0% auto;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.blog66_image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.blog66_image-wrapper {
  border-radius: 0;
  width: 100%;
  overflow: hidden;
}

.text-size-regular {
  font-size: 1rem;
}

.section_blog66 {
  overflow: hidden;
}

.section_blog66.none {
  display: none;
}

.blog66_item {
  color: #fff;
  background-color: #4b4ba1;
  height: 100%;
  padding: 1rem;
}

.button-5 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-5.is-link {
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-5.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.blog66_heading-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: end;
  display: grid;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-small {
  margin: 1rem 0 0;
}

.blog66_group {
  background-color: #0000;
  height: auto;
  padding-bottom: 8rem;
  position: relative;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.blog66_mask {
  width: 23%;
  overflow: visible;
}

.blog66_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  display: none;
  inset: auto auto 0% 0%;
}

.button-6 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-6.is-link {
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-6.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.button-7 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-7.is-link {
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-7.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.button-8 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-8.is-link {
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-8.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.container-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.team-img__wrapper {
  border-radius: .75rem;
  width: 100%;
  padding-top: 125%;
  position: relative;
  overflow: hidden;
}

.container-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.team-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-img {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.slide-divider {
  background-color: #ff7a00;
  width: 4em;
  height: .1em;
  margin-top: 2em;
}

.text-f-13 {
  color: #000;
  white-space: nowrap;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.05em;
  font-weight: 300;
  line-height: 1;
}

.text-f-13.all-caps {
  letter-spacing: .15em;
  text-transform: uppercase;
}

.text-f-13.all-caps.light-grey-font {
  color: #fff9;
}

.swiper-slide-3 {
  opacity: .9;
  filter: grayscale();
  color: #ffffff80;
  align-items: center;
  display: flex;
}

.carousel-arrow-w {
  cursor: pointer;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.carousel-arrow-w.arrow-next {
  margin-right: 2em;
}

.carousel-arrow-w.arrow-previous {
  margin-left: 2em;
}

.slide-2 {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.location {
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.gradient-bg {
  z-index: -1;
  width: auto;
  height: 175%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.slide-img-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000, #0000 50%, #00000080 65%, #000000bf);
  width: 100%;
  height: 100%;
  position: absolute;
}

.swiper-wrapper-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  display: flex;
}

.swiper-wrapper-3.first-swiper-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.slide-content {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-bottom: 3em;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-4 {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75em;
  font-weight: 400;
  line-height: 1;
}

.carousel-arrows {
  z-index: 4;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.swiper-2.first-swiper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.carousel-arrow-icon {
  z-index: 4;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1.25em;
  position: relative;
}

.carousel-arrow-oval {
  z-index: 3;
  background-color: #ff7a00;
  border-radius: 100%;
  width: 3.25em;
  height: 3.25em;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.carousel-arrow-oval.next-arrow {
  inset: 0% 0% 0% auto;
}

.carousel-arrow {
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  display: flex;
  position: relative;
}

.carousel-arrow.arrow-next {
  padding-left: 0;
  padding-right: 1em;
}

.slider-3 {
  margin-bottom: 4em;
  position: relative;
  overflow: visible;
}

.speaker-slide-mask-2 {
  width: 20%;
  margin-left: 0%;
  overflow: visible;
}

.speaker-slide-content-2 {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 36px;
  display: flex;
  position: relative;
}

.slide-nav-5 {
  display: none;
}

.speakers-hero-wrapper-2 {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.speakers-hero-wrapper-2.mobil {
  display: none;
  overflow: auto;
}

.speakers-hero-wrapper-2.desktop {
  flex-flow: column;
  padding-bottom: 0;
  display: block;
}

.speaker-slider-2 {
  box-sizing: border-box;
  aspect-ratio: auto;
  background-color: #0000;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding-bottom: 3vw;
  display: flex;
  overflow: hidden;
}

.speaker-image-cover-3 {
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/Gradient-Blur-001.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 101%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.speaker-arrow-3 {
  color: #3330;
  background-color: #1e202900;
  border: 1px #ffffff0a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: flex;
  inset: auto 43vw 0 auto;
}

.speaker-arrow-3.left {
  justify-content: center;
  align-items: center;
  margin-right: 90px;
  position: absolute;
  inset: auto auto 0 43vw;
}

.speaker-arrow-3.right {
  position: absolute;
}

.speaker-name-2 {
  z-index: 10;
  font-size: 64px;
  position: relative;
}

.slide-image-3 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-arrow-3 {
  border-radius: 0;
  width: 18rem;
}

.betreff {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.slider_blog {
  width: 33.33%;
  overflow: visible;
}

.main-nav-inner {
  width: 100%;
  display: block;
}

.logo-wrapper {
  display: none;
}

.nav-items {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.nav-gradient-bg, .bg-noise, .close-btn-wrapper {
  display: none;
}

.nav-toggle-text {
  z-index: 1;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1;
}

.nav-link {
  color: #000;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-top: 1vh;
  padding-bottom: 1vh;
  font-size: 4.5vw;
  line-height: 1;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  display: block;
}

.nav-link:hover {
  color: #fff;
  transform: scale(1.1);
}

.nav-link.btn {
  background-color: #fff;
  border-radius: 999em;
  margin-top: 2vh;
  padding: .6em .9em;
  font-size: 3vw;
}

.nav-link.btn:hover {
  color: #000;
}

.logo-wrapper-2 {
  justify-content: center;
  align-items: center;
}

.container-w1 {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.close-btn-text {
  z-index: 1;
  font-size: 1.6em;
  position: relative;
}

.main-nav-inner-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 88px;
  display: flex;
}

.close-btn-wrapper-2 {
  z-index: 5;
  opacity: 1;
  color: #000;
  background-color: #fff;
  background-image: linear-gradient(148deg, #ffdead, #ffa04c);
  border-radius: 999em;
  padding: 17px;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  position: fixed;
  inset: 40px 45px auto auto;
}

.close-btn-wrapper-2:hover {
  background-image: linear-gradient(355deg, #ffdead, #ffa04c);
  transform: scale(1.2);
}

.bg-noise-2 {
  z-index: 0;
  opacity: .3;
  background-image: url('../images/noise.png');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav-gradient-bg-2 {
  z-index: 0;
  background-image: radial-gradient(circle closest-corner at 50% 0, #729fe9 4%, #ce99cc 49%, #af70ad00 87%), radial-gradient(circle farthest-side at 100% 0, #c03d5f 2%, #e887974f 31%, #e8879700 45%), radial-gradient(circle farthest-side at 0 0, #e04c73, #f87c6200 30%), radial-gradient(circle farthest-side at 50% 100%, #ffdfab, #ffa675 43%, #f36f85);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav-toggle-btn {
  z-index: 5;
  opacity: 1;
  background-color: #fff;
  background-image: linear-gradient(148deg, #ffdead, #ffa04c);
  border-radius: 999em;
  padding: 17px;
  font-size: 1em;
  text-decoration: none;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
}

.nav-toggle-btn:hover {
  background-image: linear-gradient(355deg, #ffdead, #ffa04c);
  transform: scale(1.2);
}

.logo {
  letter-spacing: .3em;
  text-transform: uppercase;
  font-size: 1.6em;
  font-weight: 700;
}

.nav-items-2 {
  z-index: 1;
  flex-direction: column;
  place-content: flex-end center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.nav-wrapper-2 {
  z-index: 10;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-weight: 800;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-wrapper-2.w--open {
  background-color: #0000;
}

.dropdown-bg {
  display: none;
}

.nav-menu-2 {
  align-items: center;
  display: flex;
  position: static;
}

.brand-logo-2 {
  width: 100px;
}

.brand-2 {
  margin-right: 20px;
}

.header-nav-container-2 {
  z-index: 999;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 9px 2.1rem;
  display: flex;
  position: relative;
}

.navigation-right-block-2 {
  padding-left: 0;
}

.nav-background-2 {
  z-index: -2;
  opacity: 0;
  background-color: #fff0;
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% -12%;
}

.nav-background-2.nav-tablet-dropdown {
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: none;
  inset: 2% 0% 0%;
  overflow: hidden;
}

.navigation-middle-block-2 {
  z-index: 100;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.nav-text-link-2 {
  color: #fff0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 700;
  transition: all .2s;
}

.nav-text-link-2:hover {
  color: #79cabe;
}

.nav-text-link-2.hot-pink {
  color: var(--black);
  letter-spacing: .02em;
  padding-right: 22px;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.3rem;
  text-decoration: none;
}

.nav-text-link-2.hot-pink:hover {
  text-decoration: underline;
}

.nav-text-link-2.hot-pink.w--current {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-decoration: underline;
}

.nav-text-link-2.hot-pink.w--current:hover {
  text-decoration: underline;
}

.nav-text-link-2.hot-pink.w--open {
  z-index: 100;
}

.nav-text-link-2.hot-pink.rechts.w--current {
  letter-spacing: .01px;
}

.produkt-slide {
  top: auto;
}

.produkt-slide.noen {
  opacity: 1;
}

.produkt-slide-mask {
  width: 33.33%;
  max-height: none;
  overflow: visible;
}

.icon_grid {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 1rem;
  display: flex;
}

.icon-container.snap {
  display: none;
}

.icon {
  border-radius: 9px;
  height: 3rem;
}

.image-6 {
  height: 3rem;
}

.rich-text-block-2 {
  text-align: left;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.paragraph-36 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.bold-text-2 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-weight: 400;
}

.heading-5 {
  margin-top: 0;
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-weight: 400;
}

.bold-text-3 {
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-weight: 400;
}

.heading-6 {
  margin-top: 0;
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  line-height: .8;
}

.paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.heading-reveal-animation-copy {
  padding-top: .5rem;
  padding-bottom: .5rem;
  overflow: visible;
}

.heading-reveal-animation-copy.rotate {
  overflow: visible;
}

.heading-reveal-animation-copy.scribble {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9 {
  font-weight: 400;
}

.logo-wrapper-3 {
  justify-content: center;
  align-items: center;
}

.bg-noise-3 {
  z-index: 0;
  opacity: .3;
  background-image: url('../images/noise.png');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.main-nav {
  background-color: #ffe9d6;
  display: none;
  position: sticky;
  top: 0;
}

.nav-wrapper-3 {
  z-index: 10;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-weight: 800;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-wrapper-3.w--open {
  background-color: #0000;
}

.subheader_blog {
  text-align: left;
  letter-spacing: .02em;
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 2rem;
  text-decoration: none;
}

.blog_grid {
  letter-spacing: 0;
}

.blog_paragraph {
  text-align: left;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.5rem;
}

.blog_list {
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.3rem;
  list-style-type: square;
}

.list-item {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  line-height: 1.5rem;
}

.list-item-2 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.heading-7 {
  text-align: left;
  font-family: Mudstone Sans, Impact, sans-serif;
}

.heading-8 {
  letter-spacing: .02em;
  font-weight: 400;
  line-height: 2rem;
}

.paragraph-41 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.list-item-3 {
  font-size: 1.3rem;
}

.list-item-4 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.heading-13 {
  color: var(--black);
  letter-spacing: .01em;
  font-family: Mudstone Sans, Impact, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.3rem;
}

.code-embed-4 {
  display: block;
}

.produkt-slider {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.code-embed-5 {
  display: none;
}

.slider-4 {
  height: 100%;
}

.mask-2 {
  width: 3%;
}

.produkt-slider-wrapper, .blog-slider-wrapper-copy, .blog--slider-wrapper-copy {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.link-block {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--black);
  text-decoration-color: var(--black);
}

.text-block-3 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
  position: static;
}

.text-block-4 {
  font-family: Chesnagrotesk Book, Arial, sans-serif;
}

.mitarbeiter_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40rem;
  display: flex;
}

.text-block-5, .text-f-13 {
  font-family: Chesnagrotesk, Arial, sans-serif;
}

.heading-14, .heading-15, .heading-16, .heading-17, .heading-18, .heading-19 {
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-size: 3rem;
}

.heading-20 {
  font-family: Chesnagrotesk, Arial, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}

.heading-21, .heading-22, .heading-23 {
  font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  font-size: 3rem;
}

@media screen and (min-width: 1280px) {
  .section.home-03-hero._100vh.center {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .section.hero {
    min-height: auto;
  }

  .container.home-01-hero {
    height: 120svh;
    padding-top: 100px;
  }

  .container.home-01-hero._0 {
    height: auto;
    min-height: auto;
  }

  .container.home-01-hero._6rem {
    min-height: 100vh;
  }

  .container.home-02-hero.randlos.top-6rem {
    padding-top: 0;
  }

  .container.home-02-benefits {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .container.home-02-benefits.bottom-0px {
    padding-bottom: 0;
  }

  .container.home-02-benefits.produkte {
    padding-bottom: 100px;
  }

  .container.home-03-hero {
    display: block;
  }

  .container.home-03-hero._20vh.bottom {
    height: auto;
    padding-bottom: 1rem;
    display: block;
  }

  .container.brand-ambassador.top._0.finish {
    background-size: auto 70%;
    padding-bottom: 40vh;
  }

  .container.none {
    display: none;
  }

  .container.overflow.model-01 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrapper.keinzucker.drehen {
    top: 19%;
    right: 20%;
  }

  .image-wrapper.red-splash {
    top: 15%;
  }

  .image-wrapper.founder-object-01.bubble {
    left: 16%;
  }

  .image-wrapper.beerig.drehen {
    left: auto;
    right: auto;
    transform: rotate(-27deg);
  }

  .image-wrapper.produkt {
    background-image: url('../images/2025_nosuga_produkt037.webp');
  }

  .image-wrapper.zitrone.drehen {
    left: auto;
    right: auto;
    transform: rotate(-27deg);
  }

  .image-wrapper.betty {
    background-image: url('../images/nosuga_model-liegend.webp');
  }

  .content-image._100-width-height.mode-header {
    width: 80%;
  }

  .content-image._80-width-height-copy.mode-header {
    width: 90%;
  }

  .h2-heading.black.bottom-0px.orange {
    font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
    line-height: 3rem;
  }

  .h2-heading.black.orange {
    font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
  }

  .flower-icon.right {
    width: 10vw;
    top: 13%;
  }

  .paragraph.black.small {
    line-height: 1.2rem;
  }

  .faq-toggle {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .contact-form-block.abo {
    max-width: 100%;
  }

  .form-input {
    color: #000;
    font-family: Chesnagrotesk Book, Arial, sans-serif;
  }

  .overflow-hidden.center.grid.profil {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    max-width: none;
    display: flex;
  }

  .header {
    top: 0;
  }

  .right-arrow-wrap {
    height: auto;
    right: 5vw;
  }

  .left-arrow-wrap {
    left: 5vw;
  }

  .slider-wrapper {
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 100vh;
  }

  .slide {
    width: auto;
    height: auto;
    position: relative;
    top: auto;
  }

  .bg-image-slide-1 {
    width: 100%;
    height: 100%;
    position: relative;
    top: auto;
    overflow: hidden;
  }

  .mask {
    width: 100vh;
  }

  .container-2 {
    padding-top: 10%;
    padding-bottom: 0%;
  }

  .slider-2 {
    width: 100vh;
    height: 50vw;
  }

  .main {
    background-color: var(--zitrone);
    width: 100%;
    height: 100%;
    margin: 0% 20% 10% 10%;
    padding-left: 0;
    display: block;
  }

  .main.none {
    display: none;
  }

  .blog_cube.bottom {
    height: auto;
  }

  .blog_text_wrapper {
    height: 100%;
    margin-top: 0%;
  }

  .scribble_text.black {
    font-size: 4rem;
    line-height: 2.5rem;
  }

  .scribble_text.black.sweet {
    line-height: 2.5rem;
  }

  .overflow_text {
    height: 73%;
    margin-top: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    display: flex;
    position: absolute;
    inset: auto 0%;
  }

  .overflow_text.none {
    display: none;
  }

  .clip-text.speaker-headding {
    margin-top: 0;
  }

  .speaker-arrow {
    width: 90px;
    height: 90px;
    right: 5vw;
  }

  .speaker-arrow.left {
    right: 10vw;
  }

  .speaker-name {
    font-family: Mudstone Sans, Impact, sans-serif;
  }

  .body-display.large {
    padding-top: 17px;
  }

  .speaker-arrow-wrapper {
    width: 90px;
    height: 90px;
    right: 5vw;
  }

  .speaker-arrow-wrapper.left {
    justify-content: flex-end;
    align-items: flex-end;
    width: 33%;
    margin-left: 0;
    right: 10vw;
  }

  .speaker-arrow-wrapper.right {
    width: 33%;
    height: 100%;
    left: auto;
    right: 0;
  }

  .speaker-arrow-copy {
    width: 90px;
    height: 90px;
    right: 5vw;
  }

  .speaker-arrow-copy.left {
    right: 10vw;
  }

  .header-nav-container-2 {
    max-width: 1000px;
  }

  .mitarbeiter_wrapper {
    width: 50rem;
  }
}

@media screen and (min-width: 1440px) {
  .grid-block {
    padding-top: 0;
  }

  .section.home-01-intro {
    margin-top: -169px;
  }

  .section.home-02-hero.first.header, .section.about-us-02-hero-copy.randlos, .section.about-us-02-hero-copy.randlos.first {
    padding-top: 10rem;
  }

  .section.bg.gradient.model_1 {
    max-height: none;
  }

  .section.slider {
    max-width: none;
    max-height: 200rem;
  }

  .container {
    max-width: 87.5rem;
  }

  .container.admin-page {
    padding-top: 39px;
  }

  .container.admin-page.changelog-instructions {
    padding-bottom: 304px;
  }

  .container.admin-hero {
    padding-bottom: 348px;
  }

  .container.home-01-hero {
    height: auto;
    min-height: 100vh;
    max-height: none;
    margin-top: 0;
    padding-top: 230px;
    padding-bottom: 230px;
  }

  .container.home-01-hero._0 {
    min-height: 900px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.home-01-hero._6rem {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.home-01-intro {
    padding-bottom: 331px;
  }

  .container.home-01-products {
    padding-left: 7.9rem;
  }

  .container.founder.top-50-x {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .container.home-02-hero {
    padding-top: 157px;
  }

  .container.home-02-hero.bottom-0px.top-0px {
    padding-top: 0;
  }

  .container.home-02-hero.bottom-0px.top-100 {
    padding-top: 100px;
  }

  .container.home-02-benefits {
    padding-bottom: 435px;
  }

  .container.home-02-benefits.produkte {
    max-width: 200rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .container.home-02-products {
    padding-bottom: 408px;
  }

  .container.home-03-hero {
    padding-top: 50px;
  }

  .container.home-03-benefits {
    padding-bottom: 318px;
  }

  .container.home-03-reviews, .container.about-01-hero {
    padding-bottom: 436px;
  }

  .container.about-01-intro {
    padding-top: 163px;
  }

  .container.about-02-hero {
    padding-top: 190px;
  }

  .container.product-box {
    height: 100svh;
  }

  .container.product-page-intro {
    padding-bottom: 198px;
  }

  .container.all-flavors {
    padding-bottom: 254px;
  }

  .container.contact-01 {
    padding-top: 184px;
    padding-bottom: 318px;
  }

  .container.contact-02 {
    z-index: 6;
    padding-bottom: 758px;
    position: relative;
  }

  .container.search {
    max-width: 75rem;
  }

  .container.faq {
    padding-top: 176px;
    padding-bottom: 318px;
  }

  .container.faq-page {
    padding-bottom: 314px;
  }

  .container.style-guide {
    padding-top: 41px;
  }

  .container.faq {
    padding-bottom: 480px;
  }

  .container.brand-ambassador.top.model_07.last {
    padding-bottom: 200px;
  }

  .container.brand-ambassador.top._0.finish {
    background-position: 100% 100%;
    background-size: auto 70%;
  }

  .container.overflow.model-01 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10rem;
    padding-right: 10rem;
    display: block;
  }

  .container.overflow {
    padding-top: 163px;
  }

  .color.orange {
    background-color: var(--orange);
  }

  .text-box.home-01-hero-heading.center {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-box.home-01-intro {
    width: 80%;
  }

  .text-box.home-02-hero {
    padding-left: 71px;
  }

  .text-box.center-aligned.founder-quote {
    width: 80%;
  }

  .h1-heading.white {
    font-size: 10rem;
  }

  .h1-heading.white.smaller, .h1-heading.white.mixer-cms {
    font-size: 7rem;
  }

  .h1-heading.home-01 {
    font-size: 10rem;
  }

  .h1-heading.about-01-hero, .h1-heading.about-02-hero, .h1-heading.product-name {
    font-size: 6rem;
  }

  .h1-heading.contact.white, .h1-heading.faq.white {
    font-size: 8rem;
  }

  .image-wrapper.header-model-01 {
    padding-bottom: 40px;
  }

  .image-wrapper.red-splash {
    top: 15%;
  }

  .image-wrapper.lime {
    top: 17%;
  }

  .image-wrapper.lime-02 {
    bottom: 25%;
  }

  .image-wrapper.product-card-object-03.strawberry {
    left: -20%;
  }

  .image-wrapper.best-seller-badge.home-02 {
    right: -2%;
  }

  .image-wrapper.peach-flavor-can-with-ingredients {
    margin-top: 112px;
    margin-bottom: 47px;
  }

  .image-wrapper.home-hero-02-object._04 {
    width: 7rem;
    bottom: -22%;
  }

  .image-wrapper.home-hero-02-object.orange-cocktail {
    bottom: 27%;
    left: 31%;
  }

  .image-wrapper.founder-object-01.drehen {
    top: 14%;
  }

  .image-wrapper.founder-object-01.bubble {
    width: 10rem;
    top: 34%;
    left: 19%;
  }

  .image-wrapper.lemon-packaging {
    width: 90%;
  }

  .image-wrapper.subscribe-lemon {
    width: 8rem;
  }

  .image-wrapper.subscribe-leaf {
    left: -2%;
  }

  .image-wrapper.about-dragonfruit-can {
    width: 65%;
    right: -18%;
  }

  .image-wrapper.two-men-drinking {
    height: 35rem;
  }

  .image-wrapper.lime-6, .image-wrapper.grapefruit-02 {
    inset: -15% 9% auto auto;
  }

  .image-wrapper.leaf-06 {
    bottom: -51%;
  }

  .image-wrapper.grapefruit-03, .image-wrapper.lemon-07 {
    inset: -15% 9% auto auto;
  }

  .image-wrapper.cocktail-dragon {
    bottom: -5%;
    left: 14%;
  }

  .image-wrapper.lime-8 {
    inset: -15% 9% auto auto;
  }

  .image-wrapper.model._01 {
    background-image: url('../images/nosuga_model-liegend.webp');
    width: auto;
    height: 100%;
    min-height: 33rem;
  }

  .image-wrapper.gr-nder {
    margin-top: 1rem;
  }

  .image-wrapper.fragezeichen_1, .image-wrapper.fragezeichen_2 {
    top: 17%;
  }

  .image-wrapper.das-sind-wir.drehen {
    top: 2%;
    left: 6rem;
  }

  .image-wrapper.blumig.drehen {
    right: 15.4rem;
  }

  .image-wrapper.beerig.drehen {
    left: 10.2rem;
    right: auto;
  }

  .image-wrapper.produkt {
    background-image: url('../images/2025_nosuga_produkt037.webp');
  }

  .image-wrapper.produkt._01 {
    background-image: url('../images/nosuga_model-liegend.webp');
  }

  .image-wrapper.zitrone.drehen {
    left: 7.9rem;
  }

  .image-wrapper.betty {
    background-image: url('../images/nosuga_model-liegend.webp');
    height: 50rem;
    margin-top: 1rem;
  }

  .content-image._100-width-height {
    width: 100%;
    height: 100%;
  }

  .content-image._100-width-height.sayian-scroll-text-02 {
    margin-top: -48px;
  }

  .content-image._100-width-height.two-friends-drinking {
    object-position: 50% 0%;
  }

  .content-image._100-width-height.mode-header {
    width: 80%;
  }

  .content-image._80-width-height-copy {
    width: 100%;
    height: 100%;
  }

  .content-image._80-width-height-copy.sayian-scroll-text-02 {
    margin-top: -48px;
  }

  .content-image._80-width-height-copy.two-friends-drinking {
    object-position: 50% 0%;
  }

  .content-image._80-width-height-copy.mode-header {
    width: 80%;
  }

  .heading-grid.home-01-hero, .heading-grid.home-01-hero-copy {
    max-width: 120rem;
    max-height: none;
  }

  .image-container.home-01-hero-drink-can {
    margin-top: 0;
  }

  .image-container.home-02-peach-can-hero {
    margin-top: -185px;
  }

  .h2-heading {
    font-size: 6rem;
  }

  .h2-heading.black.ol.big {
    font-size: 5rem;
    line-height: 3.5rem;
  }

  .flower-icon {
    top: 45%;
    left: 10%;
  }

  .flower-icon.right {
    display: none;
    top: -5%;
    left: auto;
    right: 6%;
  }

  .paragraph.black.big {
    margin-bottom: 1rem;
  }

  .paragraph.black.center {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .paragraph.darker-teal.no-margin.center {
    text-align: center;
  }

  .slider_mask {
    max-width: 24%;
  }

  .h3-heading.smaller {
    font-size: 3.5rem;
  }

  .sky-background {
    bottom: 9%;
  }

  .lottie-animation-wrapper.wave.bottom-footer {
    margin-bottom: -120px;
  }

  .review-box-wrapper {
    width: 350px;
  }

  .review-grid {
    margin-top: 349px;
  }

  .text-block.other-flavor {
    font-size: 1.3rem;
  }

  .team-member-item {
    min-height: 32rem;
  }

  .subscribe-icon-title {
    font-size: 2rem;
  }

  .circle-bubble._06 {
    bottom: 5%;
  }

  .circle-bubble._07 {
    bottom: 12%;
  }

  .stat-numbers-grid {
    width: 50%;
  }

  .listing-detail-main-images-wrapper {
    height: 100svh;
  }

  .product-content-image {
    width: 35rem;
  }

  .product-thumbnails-container {
    bottom: 3%;
  }

  .product-details-block {
    padding-top: 105px;
  }

  .white-star-object-wrapper {
    width: 100%;
  }

  .product-page-tabs {
    width: 70%;
  }

  .marquee-horizontal-wrapper.product-page {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
  }

  .accordion-title-wrapper.darker-teal {
    justify-content: flex-start;
    align-items: center;
  }

  .accordion-title-wrapper.darker-teal.center {
    border: 2px solid #000;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: .3rem;
    padding-bottom: .3rem;
    display: flex;
  }

  .faq-accordion-items-container {
    width: 60%;
  }

  .faq-arrow.white {
    color: #000;
    width: 33px;
    height: 33px;
  }

  .faq-icon-circle.subscribe-save {
    color: var(--black);
    border-style: none;
    border-color: #000;
    border-radius: 0;
  }

  .faq-accordion-title {
    color: #000;
    font-family: Mudstone Sans, Impact, sans-serif;
  }

  .faq-toggle {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .contact-form-block.abo {
    max-width: none;
  }

  .animation-container.center-aligned {
    text-align: center;
  }

  .header-nav-container {
    max-width: 1500px;
  }

  .admin-sub-page-h2-heading {
    font-size: 5.5rem;
  }

  .overflow-hidden, .overflow-hidden.bottom-0px {
    padding-bottom: 0;
  }

  .heading-reveal-animation {
    padding-bottom: .5rem;
  }

  .background-overlay.go-sayian {
    background-color: #4fcfff;
  }

  .background-overlay.about-us-02-hero {
    background-image: linear-gradient(#68c5fe, #69bbff 29%);
  }

  .mockup-link-block-wrapper {
    width: 30rem;
  }

  .mockup-link-block-image.hero {
    height: 37rem;
  }

  .rich-text-block {
    text-align: left;
  }

  .nav-text-rechts.black {
    font-size: 1.5rem;
  }

  .nav-text-links.black {
    letter-spacing: .06rem;
    font-size: 1.5rem;
  }

  .header {
    width: 600px;
    font-size: 3rem;
    line-height: 3rem;
    top: 0;
  }

  .client-cube {
    width: 100%;
  }

  .right-arrow-wrap {
    right: 0;
  }

  .direction-icon.left {
    background-color: #fff0;
  }

  .left-arrow-wrap {
    left: 0;
  }

  .pfeil-position {
    height: 18rem;
  }

  .blog_text_wrapper {
    margin-top: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
    overflow: auto;
  }

  .code-embed-2 {
    display: none;
  }

  .zutatenlist-toggl {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .a-block {
    margin-left: 25px;
    margin-right: 25px;
  }

  .grid_grafik {
    margin-top: 0;
  }

  .overflow-not-hidden {
    padding-bottom: 40px;
  }

  .overflow_text {
    padding-bottom: 0%;
    overflow: hidden;
  }

  .bubble-text {
    top: 22%;
  }

  .speakers-hero-wrapper {
    max-width: 200rem;
  }

  .blog-slide {
    overflow: hidden;
  }

  .speaker-info {
    margin-top: 0;
  }

  .slide-image {
    overflow: visible;
  }

  .body-display.large {
    padding-top: 17px;
  }

  .section-2.home-hero-section {
    min-height: 60vh;
  }

  .section-2.home-hero-section.first {
    padding-bottom: 200px;
  }

  .section-2.home-hero-section.last {
    padding-bottom: 5vw;
  }

  .section-2.home-hero-section {
    min-height: 60vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-2.home-hero-section.small {
    min-height: 100vh;
  }

  .section-2.home-hero-section.small.slider {
    padding-bottom: 2vw;
  }

  .slide-image-2 {
    justify-content: center;
    align-items: flex-end;
    height: auto;
    min-height: auto;
    overflow: visible;
  }

  .speaker-slider-2 {
    padding-bottom: 2vw;
    overflow: hidden;
  }

  .speaker-arrow-3 {
    position: absolute;
    inset: auto 33% 0% auto;
  }

  .speaker-arrow-3.left {
    inset: auto auto 0% 33%;
  }

  .heading-reveal-animation-copy {
    padding-bottom: .5rem;
  }

  .produkt-slider {
    overflow: hidden;
  }
}

@media screen and (min-width: 1920px) {
  a {
    color: var(--black);
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    font-weight: 400;
    text-decoration: none;
  }

  .grid-block {
    display: block;
  }

  .grid-block.center-aligned {
    max-width: 60rem;
  }

  .grid-block.master {
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .section {
    min-height: 100vh;
    padding-top: 12rem;
  }

  .section.home-01-intro {
    margin-top: -184px;
  }

  .section.founder.home-02 {
    background-image: radial-gradient(circle farthest-corner at 20% 40%, var(--pfirsich), var(--durchsichtig) 14%);
    min-height: auto;
    max-height: none;
    padding-bottom: 2rem;
    padding-left: 0;
  }

  .section.founder.home-02.top-149px {
    padding-top: 0;
  }

  .section.founder.home-02.top-0 {
    min-height: auto;
    padding-top: 0;
  }

  .section.founder.home-02.text {
    padding-top: 0;
  }

  .section.founder.home-02.text.bottom-50vh, .section.founder.home-02.text.bottom-40vh-copy {
    background-size: auto 50vh;
    min-height: 70vh;
  }

  .section.founder.home-02.blog {
    padding-top: 4rem;
  }

  .section.founder.home-02.mitarbeiter {
    max-height: none;
  }

  .section.home-02-hero {
    padding-top: 10rem;
  }

  .section.home-02-hero.first.header {
    width: 100%;
    min-height: auto;
    padding-top: 14rem;
  }

  .section.home-02-hero.hibiskus {
    background-image: radial-gradient(circle farthest-corner at 60% 50%, var(--heidelbeere), var(--durchsichtig) 36%), radial-gradient(circle farthest-corner at 20% 20%, var(--heidelbeere), var(--durchsichtig) 15%);
  }

  .section.home-02-hero.zitrone {
    background-image: radial-gradient(circle farthest-corner at 100% 70%, var(--zitrone), var(--durchsichtig) 17%), radial-gradient(circle farthest-corner at 10% 20%, var(--zitrone), var(--durchsichtig) 18%);
  }

  .section.home-02-benefits {
    min-height: auto;
  }

  .section.split-founder {
    text-align: left;
    background-image: radial-gradient(circle at 0 0, #dce282, #fff0 16%), radial-gradient(circle at 100% 100%, #b9d26e, #fff0 15%);
  }

  .section.split-founder._02 {
    margin-top: -59px;
  }

  .section.product-collection-page {
    margin-top: -49px;
  }

  .section.light-purple.contact-02-intro {
    margin-top: -56px;
  }

  .section.contact-us-02 {
    background-image: url('../images/Untitled-design-3_1Untitled design (3).webp');
    background-size: contain;
  }

  .section.about-us-02-hero-copy.randlos {
    min-height: auto;
    padding-top: 12rem;
  }

  .section.about-us-02-hero-copy.randlos.first {
    padding-top: 12rem;
  }

  .section.about-us-02-hero-copy.randlos.abo {
    padding-bottom: 4rem;
  }

  .section.bg {
    min-height: auto;
    padding-top: 0;
  }

  .section.bg.gradient.model_1 {
    min-height: auto;
    max-height: none;
  }

  .section.slider {
    min-height: auto;
    max-height: 1200px;
    padding-top: 0;
  }

  .section.hero {
    padding-top: 4rem;
  }

  .container {
    max-width: 120rem;
  }

  .container.admin-page {
    padding-top: 25px;
    padding-bottom: 295px;
  }

  .container.admin-page.changelog-instructions {
    padding-bottom: 431px;
  }

  .container.admin-hero {
    padding-top: 215px;
    padding-bottom: 459px;
  }

  .container.home-01-hero._0 {
    max-width: 200rem;
    min-height: 1200px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.home-01-hero._6rem {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.home-01-intro {
    padding-bottom: 436px;
    padding-left: 7rem;
    padding-right: 7rem;
  }

  .container.home-01-products {
    max-width: 135rem;
    padding-top: 31px;
  }

  .container.location-finder {
    margin-top: -201px;
    padding-top: 523px;
    padding-bottom: 704px;
  }

  .container.founder.top-50-x {
    padding-top: 0;
  }

  .container.founder.top-50-x.padding-50px {
    max-width: 200rem;
    padding-left: 3rem;
  }

  .container.mixes.cms {
    padding-bottom: 456px;
  }

  .container.home-02-hero.randlos.top-6rem, .container.home-02-hero.bottom-0px, .container.home-02-hero.bottom-0px.top-100 {
    padding-top: 0;
  }

  .container.home-02-benefits {
    padding-bottom: 617px;
  }

  .container.home-02-benefits.produkte {
    max-width: 200rem;
  }

  .container.home-02-products {
    padding-bottom: 542px;
  }

  .container.reviews {
    padding-bottom: 436px;
  }

  .container.reviews.product-page {
    padding-bottom: 207px;
  }

  .container.home-03-benefits {
    padding-bottom: 456px;
  }

  .container.home-03-reviews {
    padding-top: 107px;
    padding-bottom: 586px;
  }

  .container.social-media-personalities {
    padding-bottom: 446px;
  }

  .container.about-01-hero {
    padding-bottom: 659px;
  }

  .container.about-us-extra-info {
    padding-bottom: 976px;
  }

  .container.about-us-extra-info._01 {
    padding-top: 577px;
    padding-bottom: 804px;
  }

  .container.about-02-hero {
    max-width: 92rem;
  }

  .container.two-founders {
    text-align: left;
    font-family: Mudstone Sans, Impact, sans-serif;
  }

  .container.about-03-hero {
    max-width: 92rem;
    padding-top: 220px;
  }

  .container.dragonfruit-splash {
    padding-bottom: 500px;
  }

  .container.about-us-03-quote {
    padding-bottom: 466px;
  }

  .container.about-us-03-two-men {
    max-width: 92rem;
  }

  .container.product-page {
    max-width: 95rem;
  }

  .container.product-page-intro {
    max-width: 95rem;
    padding-top: 212px;
    padding-bottom: 277px;
  }

  .container.product-page {
    padding-top: 540px;
    padding-bottom: 540px;
  }

  .container.product-page-explore-flavors {
    padding-top: 174px;
    padding-bottom: 135px;
  }

  .container.all-flavors {
    padding-bottom: 350px;
  }

  .container.product-collection-page {
    padding-bottom: 348px;
  }

  .container.cms-mixer-intro {
    margin-bottom: -112px;
  }

  .container.contact-01 {
    padding-bottom: 409px;
  }

  .container.contact-01-intro {
    padding-bottom: 553px;
  }

  .container.contact-02 {
    padding-top: 176px;
    padding-bottom: 913px;
  }

  .container.contact-02-intro {
    max-width: 80rem;
  }

  .container.search {
    max-width: 80rem;
    padding-bottom: 285px;
  }

  .container.frequently-asked {
    padding-bottom: 325px;
  }

  .container.faq-page {
    padding-bottom: 446px;
  }

  .container.style-guide {
    padding-top: 14px;
    padding-bottom: 306px;
  }

  .container.faq {
    padding-top: 215px;
    padding-bottom: 612px;
  }

  .container.index-bottom {
    padding-bottom: 416px;
  }

  .container.brand-ambassador {
    margin-top: -201px;
    padding-top: 523px;
    padding-bottom: 704px;
  }

  .container.brand-ambassador.top.model_07.last {
    background-position: 100% 100%;
    background-size: auto 50%;
    min-height: 70vh;
    margin-top: 0;
  }

  .container.brand-ambassador.top._0 {
    margin-top: 0;
    padding-top: 200px;
  }

  .container.brand-ambassador.top._0.finish {
    background-position: 100% 100%;
    background-size: auto 70%;
    max-width: 200rem;
    padding-top: 0;
    padding-bottom: 40vh;
  }

  .container.overflow.slider.blog {
    padding: 100px 0;
  }

  .container.overflow.model-01 {
    background-image: radial-gradient(circle farthest-corner at 50% 40%, var(--heidelbeere), var(--durchsichtig) 23%);
    max-width: 200rem;
  }

  .container.overflow.model-01.blog {
    padding: 100px 0;
  }

  .container.blog-text {
    margin-top: -201px;
    padding-top: 523px;
    padding-bottom: 704px;
  }

  .container.blog {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .container.blog._4rem {
    padding-top: 4rem;
  }

  .page-wrapper {
    background-color: var(--light-purple);
    width: auto;
    min-height: 100vh;
  }

  .text-box.home-01-hero-heading {
    max-width: 92%;
    margin-top: -185px;
  }

  .text-box.home-01-hero-heading.center {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    justify-content: center;
    align-items: center;
    max-width: 130%;
    margin-top: -108px;
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .text-box._33rem.auto {
    max-width: 60rem;
  }

  .text-box.home-01-intro {
    width: 73%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-box.medium-width {
    max-width: 60rem;
  }

  .text-box.product-box-content-container {
    margin-top: 0;
  }

  .text-box.founder {
    max-width: 55rem;
  }

  .text-box.founder.top-0px {
    max-width: 70rem;
  }

  .text-box.founder.top-0px.bottom-2rem {
    margin-bottom: 2rem;
  }

  .text-box.home-02-hero {
    padding-top: 74px;
    padding-left: 115px;
  }

  .text-box.product-grid-description {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-box.center-aligned._93-mobile {
    max-width: 60rem;
  }

  .text-box.center-aligned.founder-quote {
    width: 65%;
  }

  .text-box._90-mobile {
    max-width: 60rem;
  }

  .h1-heading.admin {
    font-size: 9svw;
  }

  .h1-heading.white {
    font-size: 12rem;
  }

  .h1-heading.white.smaller {
    font-size: 9rem;
  }

  .h1-heading.white.mixer-cms {
    font-size: 8rem;
  }

  .h1-heading.home-01 {
    font-size: 12rem;
  }

  .h1-heading.home-01.untertitel.black {
    font-size: 6rem;
    line-height: 6rem;
  }

  .h1-heading.about-01-hero, .h1-heading.about-02-hero, .h1-heading.about-03-hero {
    font-size: 7rem;
  }

  .h1-heading.product-name {
    font-size: 7.5rem;
  }

  .h1-heading.contact {
    font-size: 10rem;
  }

  .h1-heading.contact.white {
    font-size: 12rem;
  }

  .h1-heading.faq {
    font-size: 10rem;
  }

  .h1-heading.faq.white {
    font-size: 12rem;
  }

  .image-wrapper.header-model-01 {
    padding-bottom: 80px;
    display: block;
  }

  .image-wrapper.leaf {
    width: 30rem;
    max-width: 30rem;
    right: 35%;
  }

  .image-wrapper.keinzucker {
    top: 11%;
    right: 21%;
  }

  .image-wrapper.keinzucker.drehen {
    top: 16%;
    left: 34%;
    right: 0%;
  }

  .image-wrapper.red-splash {
    width: 400px;
    top: 10%;
    left: 41%;
  }

  .image-wrapper.sun-shape {
    width: 1000px;
    bottom: -24%;
    right: 1%;
  }

  .image-wrapper.lime-green-can {
    width: 28rem;
  }

  .image-wrapper.lime-02 {
    bottom: 309.203px;
  }

  .image-wrapper.lime-03 {
    top: 12%;
  }

  .image-wrapper.product-collection-image.home-02 {
    width: 62%;
  }

  .image-wrapper.product-card-object-02.lower-and-left {
    bottom: 32%;
  }

  .image-wrapper.product-card-object-03.strawberry {
    top: 36%;
  }

  .image-wrapper.product-card-object-03.lemon {
    bottom: 19%;
  }

  .image-wrapper.founder {
    width: 80%;
    height: 50rem;
  }

  .image-wrapper.peach-flavor-can-with-ingredients {
    width: 100%;
  }

  .image-wrapper.home-hero-02-object._01 {
    width: 12rem;
    top: 5%;
  }

  .image-wrapper.home-hero-02-object._02, .image-wrapper.home-hero-02-object._03 {
    width: 12rem;
  }

  .image-wrapper.home-hero-02-object._04 {
    width: 8rem;
    bottom: -15%;
  }

  .image-wrapper.home-hero-02-object.orange-cocktail {
    width: 20rem;
    bottom: 15%;
  }

  .image-wrapper.home-hero-02-object._05 {
    width: 18rem;
  }

  .image-wrapper.home-hero-02-object._06 {
    width: 12rem;
  }

  .image-wrapper.home-hero-02-object._07 {
    width: 18rem;
  }

  .image-wrapper.sample-object-01, .image-wrapper.sample-object-02 {
    width: 11rem;
  }

  .image-wrapper.sample-object-03 {
    width: 10rem;
  }

  .image-wrapper.founder-object-01 {
    width: 15rem;
    top: 19%;
  }

  .image-wrapper.founder-object-01.bubble {
    width: 14rem;
    top: 43%;
    left: 16.5vw;
  }

  .image-wrapper.founder-object-02 {
    width: 14rem;
    right: 11%;
  }

  .image-wrapper.no-suga {
    width: 60%;
  }

  .image-wrapper.board-cocktail {
    width: 35%;
  }

  .image-wrapper.lemon-packaging {
    width: 80%;
  }

  .image-wrapper.subscribe-lemon {
    width: 10rem;
    bottom: -39%;
    left: 1%;
  }

  .image-wrapper.cocktail-lemon {
    width: 35rem;
    left: 22%;
  }

  .image-wrapper.subscribe-leaf {
    width: 14rem;
  }

  .image-wrapper.subscribe-leaf._02 {
    right: -4%;
  }

  .image-wrapper.curved-pink-text {
    padding-top: 75px;
    padding-bottom: 114px;
  }

  .image-wrapper.about-dragonfruit-can {
    width: 55%;
  }

  .image-wrapper.woman-drinking {
    height: 55rem;
  }

  .image-wrapper.lime-6 {
    width: 9rem;
    top: -5%;
    right: 1%;
  }

  .image-wrapper.grapefruit-02 {
    width: 10rem;
    inset: auto 0% -66% auto;
  }

  .image-wrapper.watermelon {
    width: 11rem;
    bottom: -13%;
  }

  .image-wrapper.leaf-06 {
    bottom: -5%;
    left: -24%;
  }

  .image-wrapper.strawberry-03 {
    width: 9rem;
    bottom: -53%;
  }

  .image-wrapper.lemon-03 {
    width: 7rem;
    bottom: -36%;
  }

  .image-wrapper.beet {
    bottom: 70%;
    right: 7%;
  }

  .image-wrapper.dragonfruit-03 {
    width: 12rem;
    left: 12%;
  }

  .image-wrapper.grapefruit-03 {
    top: -5%;
    right: 1%;
  }

  .image-wrapper.lemon-07 {
    top: 11%;
    right: 1%;
  }

  .image-wrapper.leaf-08 {
    width: 11rem;
    top: 12%;
    left: 2%;
  }

  .image-wrapper.leaf-09 {
    width: 11rem;
    right: 12%;
  }

  .image-wrapper.cocktail-dragon {
    width: 18rem;
    left: 17%;
  }

  .image-wrapper.lime-8 {
    width: 9rem;
    top: -5%;
    right: 1%;
  }

  .image-wrapper.product-page-ingredient-image-1, .image-wrapper.product-page-ingredient-image-3 {
    width: 13rem;
  }

  .image-wrapper.model {
    background-image: url('../images/nosuga_model-liegend.webp');
    width: 80%;
    height: 50rem;
  }

  .image-wrapper.model._01 {
    height: 50rem;
  }

  .image-wrapper.model._03 {
    width: 100%;
  }

  .image-wrapper.model._04 {
    width: 100%;
    height: 60rem;
  }

  .image-wrapper.model._05 {
    height: auto;
    min-height: 50rem;
    max-height: 70vh;
  }

  .image-wrapper.produkt, .image-wrapper.founder {
    width: 80%;
    height: 50rem;
  }

  .image-wrapper.go-sayian {
    width: 60%;
  }

  .image-wrapper.gr-nder {
    background-image: url('../images/Gründerfoto.webp');
    width: auto;
    height: 50rem;
    margin-bottom: 0;
  }

  .image-wrapper.fragezeichen_1 {
    width: 25rem;
    top: -7%;
    right: 10%;
    transform: rotate(26deg);
  }

  .image-wrapper.fragezeichen_2 {
    width: 25rem;
    right: 76%;
  }

  .image-wrapper.kein-zucker {
    width: 30rem;
    max-width: 30rem;
    right: 35%;
  }

  .image-wrapper.das-sind-wir {
    top: 11%;
    right: 21%;
  }

  .image-wrapper.das-sind-wir.drehen {
    max-width: 33rem;
    top: 1.5rem;
    left: 8vw;
    right: auto;
  }

  .image-wrapper.blumig {
    top: 11%;
    right: 21%;
  }

  .image-wrapper.blumig.drehen {
    top: 13%;
    left: auto;
    right: 5%;
    transform: rotate(23deg);
  }

  .image-wrapper.beerig {
    top: 11%;
    right: 21%;
  }

  .image-wrapper.beerig.drehen {
    top: 13%;
    left: auto;
    right: 0%;
    transform: rotate(27deg);
  }

  .image-wrapper.produkt {
    background-image: url('../images/2025_nosuga_produkt037.webp');
    width: 80%;
    height: 50rem;
  }

  .image-wrapper.produkt._03 {
    width: 100%;
  }

  .image-wrapper.produkt._04 {
    width: 100%;
    height: 60rem;
  }

  .image-wrapper.produkt._05 {
    height: auto;
    min-height: 50rem;
    max-height: 70vh;
  }

  .image-wrapper.zitrone {
    top: 11%;
    right: 21%;
  }

  .image-wrapper.zitrone.drehen {
    top: 13%;
    left: auto;
    right: 0%;
    transform: rotate(27deg);
  }

  .image-wrapper.betty {
    background-image: url('../images/nosuga_model-liegend.webp');
    width: auto;
    height: 50rem;
    margin-bottom: 0;
  }

  .content-image._100-width-height {
    height: auto;
    min-height: auto;
  }

  .content-image._100-width-height.sayian-scroll-text-02 {
    margin-top: -71px;
  }

  .content-image._100-width-height.sayian-scroll-text-03 {
    margin-top: -31px;
  }

  .content-image._100-width-height.mode-header {
    width: 80%;
    max-width: 900px;
    max-height: none;
  }

  .content-image._80-width-height-copy {
    height: auto;
    min-height: auto;
  }

  .content-image._80-width-height-copy.sayian-scroll-text-02 {
    margin-top: -71px;
  }

  .content-image._80-width-height-copy.sayian-scroll-text-03 {
    margin-top: -31px;
  }

  .content-image._80-width-height-copy.mode-header {
    width: 80%;
  }

  .heading-grid.home-01-hero {
    max-width: 220rem;
  }

  .heading-grid.two-column.location-finder {
    margin-top: -219px;
  }

  .heading-grid.about-01-hero {
    grid-template-columns: 1.5fr 1fr;
  }

  .heading-grid.about-us-03-hero {
    grid-template-columns: 1.25fr 1fr;
  }

  .heading-grid.home-01-hero-copy {
    max-width: none;
  }

  .image-container.home-01-hero-drink-can {
    width: 90%;
    margin-left: 0;
  }

  .image-container.home-02-peach-can-hero {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .h2-heading, .h2-heading.dark-green {
    font-size: 7rem;
  }

  .h2-heading.white.smaller, .h2-heading.dark-blue.sampler {
    font-size: 4.5rem;
  }

  .h2-heading.black {
    color: var(--black);
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 8rem;
    line-height: 8rem;
  }

  .h2-heading.black.produkt, .h2-heading.black.bottom-0px {
    font-size: 8rem;
    line-height: 8rem;
  }

  .h2-heading.black.ol {
    font-size: 6rem;
    line-height: 4rem;
  }

  .h2-heading.black.ol.big {
    font-size: 7rem;
    line-height: 4rem;
  }

  .flower-icon {
    top: -13%;
  }

  .flower-icon.right {
    width: 12vw;
    display: none;
    top: auto;
    bottom: 55vh;
    right: 4%;
  }

  .paragraph.black.founder-bio {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.7rem;
    text-decoration: none;
  }

  .paragraph.black.review {
    margin-bottom: 5rem;
    font-size: 2.3rem;
  }

  .paragraph.black.big {
    font-size: 2rem;
    line-height: 2rem;
  }

  .paragraph.black {
    color: var(--black);
    font-family: Chesnagrotesk, Arial, sans-serif;
  }

  .paragraph.black.center {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }

  .paragraph.black.small {
    font-size: 1rem;
  }

  .paragraph.darker-teal.no-margin {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .paragraph.darker-teal.no-margin.center {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  .button {
    font-size: 2rem;
    line-height: 2rem;
  }

  .button:hover {
    color: var(--light-purple);
  }

  .content-grid.home-01-intro {
    grid-template-columns: 1fr 1fr;
  }

  .benefits-image-wrapper {
    width: 12rem;
  }

  .benefits-image-wrapper._01 {
    width: 9rem;
    left: -13%;
  }

  .benefits-image-wrapper._02 {
    width: 9rem;
    right: -8%;
  }

  .benefits-image-wrapper._03 {
    width: 9rem;
    left: -12%;
  }

  .benefits-image-wrapper._04 {
    width: 9rem;
    right: -3%;
  }

  .slider_mask {
    max-width: 19.3%;
  }

  .slider_mask.best-sellers {
    max-width: 17%;
  }

  .slider_mask.mixes {
    max-width: 23%;
  }

  .right-slide-arrow {
    border-radius: 50px;
    width: 85px;
    height: 85px;
  }

  .left-slide-arrow {
    width: 85px;
    height: 85px;
  }

  .left-slide-arrow.mixes {
    margin-right: 115px;
  }

  .product-slide {
    margin-right: 14rem;
  }

  .h3-heading.smaller {
    font-size: 4.5rem;
  }

  .h3-heading.smaller.black {
    color: var(--black);
    font-family: Mudstone Sans, Impact, sans-serif;
  }

  .sky-background {
    bottom: 8%;
  }

  .lottie-animation-wrapper.wave.bottom-footer {
    margin-bottom: -164px;
  }

  .lottie-animation-wrapper.wave.style-guide {
    margin-bottom: -93px;
  }

  .other-benefits-grid {
    margin-top: 28px;
  }

  .review-box-wrapper {
    width: 415px;
  }

  .text-block.review-text {
    font-size: 1.2rem;
  }

  .text-block.review-text.larger {
    font-size: 2rem;
  }

  .text-block.other-flavor {
    font-size: 1.3rem;
  }

  .sub-heading.small.abstand {
    padding-top: 2rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: block;
  }

  .home-02-benefits-grid {
    margin-top: 244px;
  }

  .product-grid-wrapper {
    width: 80%;
  }

  .team-member-item {
    min-height: 34rem;
  }

  .subscribe-icon-title {
    font-size: 2.5rem;
  }

  .employee-card-wrapper {
    height: 42rem;
  }

  .team-grid-wrapper {
    align-items: flex-start;
  }

  .circle-bubble.product-page-06 {
    top: -34%;
    left: -2%;
  }

  .circle-bubble.product-page-11 {
    right: -14%;
  }

  .circle-bubble.product-page-13 {
    top: 24%;
    left: -27%;
  }

  .circle-bubble.product-page-20 {
    top: 4%;
    right: 16%;
  }

  .circle-bubble.product-page-21 {
    right: -45%;
  }

  .about-02-facts-icons-grid {
    width: 45%;
  }

  .split-founders {
    width: 70%;
    display: none;
  }

  .stat-numbers-grid {
    width: 40%;
  }

  .special-values-grid {
    width: 70%;
  }

  .product-content-thumbnail-image {
    width: 6.5rem;
    height: 6.5rem;
  }

  .product-content-image {
    width: 40rem;
  }

  .product-details-block {
    width: 70%;
  }

  .product-box-details-wrapper {
    width: 100%;
  }

  .nutrition-label-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .comparison-grid-wrapper {
    margin-bottom: -125px;
  }

  .marquee-horizontal-wrapper {
    bottom: 4%;
  }

  .marquee-review-container {
    margin-bottom: -139px;
  }

  .accordion-title-wrapper {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .accordion-title-wrapper.darker-teal.center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    width: 100%;
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  .accordion-title-wrapper.darker-teal.center._100, .faq-accordion-items-container {
    width: 100%;
  }

  .faq-accordion-title {
    font-size: 2rem;
    line-height: 2rem;
  }

  .faq-toggle {
    padding-top: .8rem;
    padding-bottom: .8rem;
  }

  ._2-column-faq-grid {
    grid-template-columns: 1.75fr 1.5fr;
  }

  ._2-column-faq-grid.faq-page {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
  }

  .collection-hero-flexbox {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-form-block.abo {
    max-width: none;
  }

  .contact-button {
    height: auto;
    font-size: 2rem;
    line-height: 2rem;
  }

  .contact-button:hover {
    color: var(--light-purple);
  }

  .animation-container.center-aligned.bottom {
    padding-top: 0;
  }

  .form-label {
    font-size: 1.5rem;
  }

  .form-input {
    font-size: 1rem;
  }

  .cart-heading.black {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2rem;
  }

  .navigation-link-text.underline.left.none, .navigation-link-text.underline.none {
    display: none;
  }

  .header-nav {
    height: 12rem;
  }

  .admin-sub-page-h2-heading {
    font-size: 6.5rem;
  }

  .overflow-hidden {
    padding-bottom: 0;
  }

  .overflow-hidden.center.grid.profil {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .overflow-hidden.center.gr-nder {
    margin-bottom: 0;
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-reveal-animation {
    max-width: none;
    padding-bottom: 1rem;
  }

  .background-overlay.go-sayian {
    background-color: #53cfff;
  }

  .mockup-link-block-wrapper {
    width: 35rem;
  }

  .mockup-link-block-image {
    height: 65rem;
  }

  .mockup-link-block-image.hero {
    height: 38rem;
  }

  .index-h2-heading {
    font-size: 4.5rem;
  }

  .top-main-index-mockups {
    margin-top: 11.9rem;
  }

  .rich-text-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .main-paragraph {
    font-family: Chesnagrotesk, Arial, sans-serif;
  }

  .subheader {
    margin-top: 30px;
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  .client-cube.produkt {
    width: auto;
    height: 100%;
    min-height: auto;
    max-height: none;
  }

  .direction-icon.left {
    position: static;
    right: 0;
  }

  .bmnb.produkt {
    min-width: auto;
    min-height: auto;
  }

  .drop-down {
    grid-template-columns: 1.75fr 1.5fr;
  }

  .drop-down.inhaltstoffe {
    grid-template-columns: 1.75fr 1fr;
    justify-content: center;
    align-items: center;
    max-width: 75%;
    margin-bottom: 100px;
    display: flex;
  }

  .produkt-animate-wrapper {
    padding-top: 20px;
  }

  .blog_cube.top {
    width: 100%;
    max-width: 100%;
  }

  .blog_cube.bottom {
    vertical-align: baseline;
    width: 100%;
    max-width: 100%;
  }

  .links-pfeil.blog {
    height: 120%;
  }

  .blog {
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding-left: 0;
    display: flex;
  }

  .blog_carusell_wrapper {
    width: 100%;
    height: auto;
    min-height: auto;
  }

  .blog_wrap.trislider {
    width: 50%;
  }

  .blog-slider-panel {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-panell.trislider {
    height: 100%;
  }

  .bl-slider {
    padding-left: 0;
  }

  .blog_text_wrapper {
    width: 73%;
    padding: 0%;
    overflow: auto;
  }

  .image {
    margin-top: 0;
    position: relative;
    top: auto;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: stretch stretch;
    padding-top: 5%;
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
  }

  .image-2 {
    margin-top: 0;
    padding-top: 0;
    position: relative;
    top: auto;
  }

  .code-embed-2 {
    display: block;
  }

  .a-block {
    width: 18vw;
    margin-left: 2vw;
    margin-right: 2vw;
  }

  .gradient {
    width: 100%;
    height: auto;
    min-height: 300px;
    max-height: 700px;
  }

  .the-sticky-div.none {
    background-image: none;
  }

  .eistee_inhalt_usps {
    padding-left: 24vw;
    padding-right: 24vw;
  }

  .grid_grafik {
    margin-top: 0;
  }

  .scribble_text {
    font-size: 6rem;
    line-height: 4rem;
  }

  .scribble_text.drehen.rechts {
    font-size: 4rem;
  }

  .scribble_text.black {
    width: auto;
    font-size: 6rem;
    line-height: 4rem;
  }

  .scribble_text.black.geschmack {
    font-size: 6rem;
    line-height: 4rem;
  }

  .scribble_text.black.sweet {
    font-weight: 400;
    line-height: 4rem;
  }

  .scribble_text.black.by {
    line-height: 4rem;
  }

  .scribble_text.nosugar {
    font-size: 4rem;
  }

  .overflow_text {
    width: 100%;
    height: 93%;
    padding: 142px 0% 0;
    display: flex;
    overflow: hidden;
  }

  .form-select {
    font-size: 1rem;
  }

  .speaker-slide-mask {
    width: 40%;
    max-width: none;
  }

  .blog-slide-content {
    padding-top: 0;
  }

  .blog-slide {
    width: 100%;
    max-width: none;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .speaker-slide {
    max-width: none;
  }

  .speaker-name.center {
    font-size: 3rem;
  }

  .slide-image {
    justify-content: center;
    align-items: flex-end;
    width: auto;
    height: auto;
  }

  .body-display.large {
    padding-top: 18px;
    font-size: 1.5rem;
    line-height: 1.7rem;
  }

  .section-2.home-hero-section.last {
    padding-bottom: 5vw;
  }

  .speaker-arrow-2.left.produkt, .speaker-arrow-2.right {
    bottom: 0;
  }

  .slide-image-2 {
    max-width: none;
    min-height: auto;
    max-height: none;
    display: block;
    overflow: visible;
  }

  .slider-3 {
    margin-bottom: 8em;
  }

  .slider_blog {
    max-width: 600px;
    min-height: auto;
    max-height: none;
  }

  .nav-menu-2._2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .brand-logo-2 {
    width: 200px;
  }

  .header-nav-container-2 {
    width: 80%;
    max-width: 120rem;
  }

  .navigation-middle-block-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-text-link-2.hot-pink {
    padding-right: 40px;
    font-size: 1.8rem;
  }

  .nav-text-link-2.hot-pink.rechts {
    text-align: right;
    padding-left: 40px;
    padding-right: 0;
  }

  .produkt-slide {
    max-width: none;
  }

  .produkt-slide-mask {
    width: 40%;
    max-width: none;
  }

  .heading-reveal-animation-copy {
    max-width: none;
    padding-bottom: 1rem;
  }

  .bold-text-4, .bold-text-5, .bold-text-7, .bold-text-10 {
    font-weight: 400;
  }

  .produkt-slider {
    width: 100%;
    max-width: none;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .bestellung {
    text-decoration: none;
  }

  .link-2 {
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    font-weight: 400;
  }

  .figure-caption {
    color: #693939;
  }

  .link-block {
    text-decoration: none;
  }
}

@media screen and (max-width: 991px) {
  .grid-block.display-none-tablet-mobile {
    display: none;
  }

  .grid-block.benefit-right {
    margin-right: -297px;
  }

  .grid-block.benefit-left {
    margin-left: -297px;
  }

  .section {
    margin-top: 0;
    padding-top: 100px;
  }

  .section.other-benefits {
    background-image: linear-gradient(#f89abe, #ff2e80);
  }

  .section.reviews {
    background-position: 15%, 0 0;
  }

  .section.founder.home-02 {
    min-height: auto;
    padding-top: 0;
  }

  .section.founder.home-02.text.bottom-40vh-copy {
    background-size: auto 40vh;
    padding-bottom: 30vh;
  }

  .section.home-02-hero.first.header {
    margin-top: -6rem;
    padding-top: 6rem;
  }

  .section.home-02-products {
    background-image: linear-gradient(#ff9fc6, #ff2e80);
  }

  .section.home-03-hero._100vh.center.newsletter, .section.home-03-hero._100vh.center.vh-none {
    margin-top: -6rem;
    padding-top: 6rem;
  }

  .section.yellow.subscribe {
    padding-bottom: 104px;
  }

  .section.light-purple {
    padding-top: 0;
  }

  .section.contact-03 {
    height: auto;
  }

  .section.admin-body {
    margin-top: 0;
  }

  .section.about-us-02-hero-copy.randlos {
    margin-top: -6rem;
  }

  .section.bg {
    background-image: radial-gradient(circle farthest-corner at 80% 70%, var(--zitrone), var(--durchsichtig) 29%);
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.bg.gradient {
    background-image: radial-gradient(circle farthest-corner at 50% 25%, var(--pfirsich), var(--durchsichtig) 26%);
  }

  .section.bg.gradient.model_1 {
    min-height: auto;
  }

  .section.hero {
    margin-top: -6rem;
    padding-top: 6rem;
  }

  .container {
    max-width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.admin-page {
    padding-top: 48px;
    padding-bottom: 213px;
  }

  .container.admin-page.changelog-instructions {
    padding-top: 37px;
    padding-bottom: 213px;
  }

  .container.admin-hero {
    padding-top: 164px;
    padding-bottom: 190px;
  }

  .container.home-01-hero {
    height: auto;
    padding-top: 162px;
    padding-bottom: 166px;
  }

  .container.home-01-hero._0 {
    height: auto;
    min-height: auto;
    padding-bottom: 0;
  }

  .container.home-01-hero._6rem {
    padding-bottom: 0;
  }

  .container.home-01-intro {
    padding-top: 102px;
    padding-bottom: 158px;
  }

  .container.home-01-products {
    padding-top: 37px;
  }

  .container.location-finder {
    background-image: url('../images/drinking-orange_1drinking-orange.webp');
    background-position: 50%;
    padding-top: 422px;
    padding-bottom: 853px;
  }

  .container.other-benefits {
    padding-top: 25px;
  }

  .container.founder {
    padding-top: 0;
  }

  .container.founder.top-50-x.padding-50px {
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .container.mixes {
    padding-top: 68px;
  }

  .container.mixes.cms {
    padding-top: 35px;
    padding-bottom: 252px;
  }

  .container.home-02-hero.randlos.top-6rem {
    padding-top: 2rem;
  }

  .container.home-02-benefits {
    padding-top: 0;
    padding-bottom: 196px;
  }

  .container.home-02-benefits.produkte {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.home-02-products {
    padding-bottom: 241px;
  }

  .container.reviews {
    padding-top: 27px;
  }

  .container.reviews.product-page {
    padding-bottom: 130px;
  }

  .container.home-03-intro {
    padding-top: 96px;
    padding-bottom: 337px;
  }

  .container.home-03-benefits {
    padding-bottom: 213px;
  }

  .container.home-03-products {
    padding-top: 91px;
    padding-bottom: 90px;
  }

  .container.home-03-reviews {
    padding-bottom: 274px;
  }

  .container.social-media-personalities {
    padding-bottom: 229px;
  }

  .container.about-01-hero {
    padding-top: 118px;
    padding-bottom: 58px;
  }

  .container.about-01-intro {
    padding-top: 8px;
  }

  .container.about-us-extra-info {
    padding-top: 47px;
  }

  .container.about-us-extra-info._01 {
    padding-top: 444px;
  }

  .container.team {
    padding-bottom: 119px;
  }

  .container.dragonfruit-splash {
    padding-top: 327px;
  }

  .container.about-us-03-quote {
    padding-top: 77px;
    padding-bottom: 208px;
  }

  .container.value-cards {
    padding-bottom: 77px;
  }

  .container.about-us-03-two-men {
    padding-top: 36px;
  }

  .container.product-box {
    height: auto;
  }

  .container.cheers-product-image {
    padding-top: 112px;
    padding-bottom: 145px;
  }

  .container.product-page {
    padding-bottom: 241px;
  }

  .container.faq {
    padding-top: 66px;
  }

  .container.all-flavors {
    padding-top: 98px;
    padding-bottom: 172px;
  }

  .container.product-collection-page {
    padding-top: 68px;
    padding-bottom: 241px;
  }

  .container.contact-01 {
    padding-top: 173px;
    padding-bottom: 192px;
  }

  .container.contact-01-intro {
    padding-bottom: 233px;
  }

  .container.contact-02 {
    padding-bottom: 441px;
  }

  .container.contact-03 {
    padding-top: 121px;
    padding-bottom: 66px;
  }

  .container.footer {
    padding-top: 0;
  }

  .container.search {
    padding-top: 80px;
    padding-bottom: 187px;
  }

  .container.frequently-asked {
    padding-top: 56px;
    padding-bottom: 0;
  }

  .container.faq-page {
    padding-bottom: 202px;
  }

  .container.style-guide {
    padding-bottom: 147px;
  }

  .container.faq {
    padding-top: 164px;
    padding-bottom: 311px;
  }

  .container.index-bottom {
    padding-bottom: 228px;
  }

  .container.brand-ambassador {
    background-image: url('../images/drinking-orange_1drinking-orange.webp');
    background-position: 50%;
    padding-top: 422px;
    padding-bottom: 853px;
  }

  .container.brand-ambassador.top {
    background-image: none;
  }

  .container.brand-ambassador.top._0.finish {
    background-image: url('../images/nosuga_model-man.webp');
    background-position: 100% 100%;
    background-size: auto 40vh;
    padding-bottom: 35vh;
  }

  .container.overflow.model-01 {
    padding-bottom: 0;
  }

  .container.blog-text {
    background-image: url('../images/drinking-orange_1drinking-orange.webp');
    background-position: 50%;
    padding-top: 422px;
    padding-bottom: 853px;
  }

  .container.overflow {
    padding-top: 8px;
  }

  .text-box.home-01-hero-heading {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-right: 40px;
    display: flex;
  }

  .text-box._33rem._90-mobile-left-aligned, .text-box._33rem._100-mobile-left-aligned {
    text-align: left;
  }

  .text-box.home-01-intro {
    width: 60%;
    margin-left: 0;
    margin-right: auto;
    padding-left: 2rem;
  }

  .text-box.medium-width.about-us-01-extra-info {
    max-width: 60%;
  }

  .text-box.home-02-hero {
    margin-left: 0;
    padding-left: 0;
  }

  .text-box.two-founders {
    max-width: 75%;
  }

  .text-box.about-us-03-hero {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-box.values-paragraph {
    width: 90%;
  }

  .text-box.center-aligned-tablet-mobile {
    text-align: center;
  }

  .text-box.about-us-01-long-paragraph {
    max-width: 90%;
  }

  .h1-heading {
    font-size: 10svw;
  }

  .h1-heading.admin {
    font-size: 13svw;
  }

  .h1-heading.white, .h1-heading.home-01 {
    font-size: 8rem;
  }

  .h1-heading.about-02-hero, .h1-heading.about-03-hero {
    font-size: 4rem;
  }

  .image-wrapper.bubble._01 {
    bottom: -3%;
  }

  .image-wrapper.bubble._06 {
    bottom: 7%;
  }

  .image-wrapper.bubble._13 {
    bottom: 20%;
  }

  .image-wrapper.header-model-01 {
    width: 60%;
    margin-left: 0;
  }

  .image-wrapper.leaf {
    right: 33%;
  }

  .image-wrapper.red-splash {
    top: 1%;
    left: auto;
    right: -14%;
  }

  .image-wrapper.sun-shape {
    width: 750px;
  }

  .image-wrapper.lime-green-can {
    width: 23rem;
  }

  .image-wrapper.lime {
    top: 15%;
  }

  .image-wrapper.lime-02 {
    bottom: 11%;
    right: 6%;
  }

  .image-wrapper.lime-03 {
    width: 8rem;
    top: 2%;
    left: 64%;
  }

  .image-wrapper.product-card-object-01 {
    top: 9%;
    right: 2%;
  }

  .image-wrapper.product-card-object-01.more-left {
    top: 13%;
    right: -1%;
  }

  .image-wrapper.product-card-object-01.blueberry {
    right: -5%;
  }

  .image-wrapper.product-card-object-02 {
    left: -2%;
  }

  .image-wrapper.product-card-object-02.lower-and-left {
    left: 1%;
  }

  .image-wrapper.product-card-object-03 {
    left: 2%;
  }

  .image-wrapper.product-card-object-03.more-left {
    left: -5%;
  }

  .image-wrapper.product-card-object-03.larger, .image-wrapper.product-card-object-03.strawberry {
    left: -7%;
  }

  .image-wrapper.product-card-object-03.lemon, .image-wrapper.product-card-object-03.peach {
    left: 2%;
  }

  .image-wrapper.product-card-object-03.strawberry-home-02, .image-wrapper.product-card-object-03.peach-home-02, .image-wrapper.product-card-object-03.dragon-home-02, .image-wrapper.product-card-object-03.lime-home-02, .image-wrapper.product-card-object-03.lemon-home-02, .image-wrapper.product-card-object-03.blueberry-home-02 {
    left: -7%;
  }

  .image-wrapper.best-seller-badge {
    left: -2%;
  }

  .image-wrapper.home-01-other-benefits {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrapper.founder {
    height: 35rem;
    margin-top: 54px;
  }

  .image-wrapper.peach-flavor-can-with-ingredients {
    width: 70%;
    margin-top: -135px;
    margin-left: auto;
    padding-left: 43px;
  }

  .image-wrapper.home-hero-02-object._01 {
    width: 6rem;
    top: 9%;
  }

  .image-wrapper.home-hero-02-object._02 {
    width: 7rem;
    right: 2%;
  }

  .image-wrapper.home-hero-02-object._04 {
    z-index: 7;
    width: 6rem;
    bottom: -3%;
    right: 5%;
  }

  .image-wrapper.home-hero-02-object.orange-cocktail {
    width: 14rem;
    bottom: 20%;
    left: 9%;
  }

  .image-wrapper.home-hero-02-object._05 {
    display: none;
  }

  .image-wrapper.home-hero-02-object._06 {
    width: 8rem;
    top: 33%;
  }

  .image-wrapper.home-hero-02-object._07 {
    z-index: 7;
    width: 9rem;
    bottom: 19%;
  }

  .image-wrapper.hand-splash-peach-can._02 {
    width: 100%;
  }

  .image-wrapper.splash-can-benefits {
    margin-left: 33px;
    transform: none;
  }

  .image-wrapper.sampler.cans {
    margin-bottom: 26px;
  }

  .image-wrapper.sample-object-01, .image-wrapper.sample-object-02 {
    width: 7rem;
  }

  .image-wrapper.sample-object-03 {
    width: 5rem;
  }

  .image-wrapper.founder-object-01 {
    width: 10rem;
    top: 15%;
  }

  .image-wrapper.founder-object-01.none {
    top: 18rem;
    left: 2%;
  }

  .image-wrapper.founder-object-01.handy {
    top: 37%;
    left: 2%;
  }

  .image-wrapper.founder-object-01.bubble {
    width: 8rem;
    left: 7%;
  }

  .image-wrapper.founder-object-02 {
    width: 8rem;
  }

  .image-wrapper.assorted-cans {
    margin-top: 73px;
    transform: scale(1.2);
  }

  .image-wrapper.no-suga {
    width: 95%;
  }

  .image-wrapper.board-cocktail {
    z-index: 15;
    width: 60%;
    inset: auto 0% 1% auto;
  }

  .image-wrapper.subscribe-icon {
    width: 4rem;
  }

  .image-wrapper.subscribe-lemon {
    bottom: -29%;
  }

  .image-wrapper.subscribe-lemon._02 {
    top: -2%;
    right: -2%;
  }

  .image-wrapper.cocktail-lemon {
    bottom: -10%;
    left: 0%;
  }

  .image-wrapper.subscribe-leaf {
    width: 8rem;
    bottom: -35%;
  }

  .image-wrapper.subscribe-leaf._02 {
    width: 9rem;
    bottom: -10%;
  }

  .image-wrapper.subscribe-leaf._03 {
    bottom: 67%;
    left: -8%;
  }

  .image-wrapper.curved-pink-text {
    transform: scale(1.8);
  }

  .image-wrapper.about-dragonfruit-can {
    width: 90%;
    margin-top: -202px;
    margin-left: 240px;
    position: static;
    transform: rotate(9deg);
  }

  .image-wrapper.pink-cocktail {
    max-width: 90%;
  }

  .image-wrapper.founders {
    margin-top: 74px;
  }

  .image-wrapper.about-us-extra-info-1 {
    max-width: 32%;
    right: -1%;
  }

  .image-wrapper.about-us-extra-info-2 {
    max-width: 25%;
    top: 6%;
    left: -3%;
  }

  .image-wrapper.about-us-extra-info-3 {
    max-width: 31%;
    bottom: 5%;
    right: 4%;
  }

  .image-wrapper.about-us-extra-info-4 {
    max-width: 43%;
  }

  .image-wrapper.lime-04 {
    inset: -27% 0% auto auto;
  }

  .image-wrapper.leaf-02 {
    width: 7rem;
  }

  .image-wrapper.two-men-drinking {
    height: 35rem;
  }

  .image-wrapper.lemon {
    width: 5rem;
  }

  .image-wrapper.strawberry-02 {
    width: 6rem;
    top: -51%;
  }

  .image-wrapper.lineup {
    margin-top: 147px;
    transform: scale(1.4);
  }

  .image-wrapper.lime-04 {
    width: 6rem;
    inset: auto 20% 11% auto;
  }

  .image-wrapper.grapefruit {
    width: 6rem;
    inset: 0% auto auto 23%;
  }

  .image-wrapper.leaf-05, .image-wrapper.leaf-03 {
    width: 8rem;
  }

  .image-wrapper.about-us-extra-info-5 {
    max-width: 38%;
  }

  .image-wrapper.about-us-extra-info-6 {
    max-width: 31%;
    bottom: 15%;
    right: -5%;
  }

  .image-wrapper.about-us-extra-info-7 {
    max-width: 24%;
    display: none;
    left: 36%;
    transform: rotate(18deg);
  }

  .image-wrapper.lime-6 {
    width: 6.5rem;
    inset: -27% 0% auto auto;
  }

  .image-wrapper.beach-with-cans {
    width: 48%;
    margin-right: -110px;
    position: absolute;
    inset: 8% 5% auto auto;
  }

  .image-wrapper.grapefruit-02 {
    width: 6.5rem;
    inset: -27% 0% auto auto;
  }

  .image-wrapper.watermelon {
    bottom: -56%;
  }

  .image-wrapper.leaf-06 {
    width: 7rem;
  }

  .image-wrapper.leaf-07 {
    width: 7rem;
    display: none;
    inset: 0% 0% auto;
  }

  .image-wrapper.strawberry-03 {
    width: 6rem;
    inset: -37% 96% auto auto;
  }

  .image-wrapper.lemon-03 {
    width: 5rem;
  }

  .image-wrapper.beet {
    width: 6rem;
  }

  .image-wrapper.dragonfruit-03 {
    bottom: 33%;
    left: -6%;
  }

  .image-wrapper.grapefruit-03 {
    width: 6.5rem;
    top: 17%;
    right: 3%;
  }

  .image-wrapper.lemon-07 {
    inset: -27% -4% auto auto;
  }

  .image-wrapper.leaf-08, .image-wrapper.leaf-09, .image-wrapper.leaf-10 {
    width: 7rem;
  }

  .image-wrapper.cocktail-dragon {
    width: 10rem;
    bottom: -9%;
    left: 7%;
  }

  .image-wrapper.dragonfruit-can-splash {
    height: 35rem;
  }

  .image-wrapper.lime-8 {
    width: 6.5rem;
    inset: -27% 0% auto auto;
  }

  .image-wrapper.leaf-11 {
    width: 7rem;
  }

  .image-wrapper.product-page-ingredient-image-1 {
    width: 7rem;
    top: -1%;
  }

  .image-wrapper.product-page-ingredient-image-3 {
    width: 7rem;
    top: 2%;
  }

  .image-wrapper.mixer-hero-image {
    width: 65%;
  }

  .image-wrapper.nav-can {
    width: 70%;
    margin-top: 13px;
  }

  .image-wrapper.model {
    height: 35rem;
    margin-top: 54px;
  }

  .image-wrapper.model._01 {
    max-width: 80%;
  }

  .image-wrapper.produkt, .image-wrapper.founder {
    height: 35rem;
    margin-top: 54px;
  }

  .image-wrapper.go-sayian {
    width: 95%;
  }

  .image-wrapper.gr-nder {
    background-image: url('../images/Gründerfoto.webp');
    height: 20rem;
    margin-top: 54px;
  }

  .image-wrapper.gr-nder.hochformat.grid._2, .image-wrapper.gr-nder.hochformat.grid._3 {
    height: 20rem;
  }

  .image-wrapper.gr-nder.hochformat.grid._1 {
    height: auto;
  }

  .image-wrapper.fragezeichen_1, .image-wrapper.fragezeichen_2 {
    display: none;
    top: 15%;
  }

  .image-wrapper.kein-zucker {
    right: 33%;
  }

  .image-wrapper.das-sind-wir.drehen {
    left: 4%;
  }

  .image-wrapper.blumig.drehen {
    top: -4.9rem;
    right: 0;
  }

  .image-wrapper.beerig.drehen {
    top: 18.4rem;
    left: -1rem;
  }

  .image-wrapper.produkt {
    height: 35rem;
    margin-top: 54px;
  }

  .image-wrapper.zitrone.drehen {
    top: -4.9rem;
    left: 5.6rem;
  }

  .image-wrapper.betty {
    background-image: url('../images/nosuga_model-liegend.webp');
    height: 40rem;
    margin-top: 54px;
  }

  .image-wrapper.betty.hochformat.grid._2, .image-wrapper.betty.hochformat.grid._3 {
    height: 20rem;
  }

  .image-wrapper.betty.hochformat.grid._1 {
    height: auto;
  }

  .content-image._100-width-height {
    width: 80%;
  }

  .content-image._100-width-height.benefits-shot-02 {
    display: block;
  }

  .content-image._100-width-height.benefits-shot-01, .content-image._100-width-height.benefits-shot-03 {
    display: none;
  }

  .content-image._100-width-height.sayian-scroll-text-02 {
    margin-top: -26px;
  }

  .content-image._100-width-height.produkt {
    display: none;
  }

  .content-image._80-width-height-copy.benefits-shot-02 {
    display: block;
  }

  .content-image._80-width-height-copy.benefits-shot-01, .content-image._80-width-height-copy.benefits-shot-03 {
    display: none;
  }

  .content-image._80-width-height-copy.sayian-scroll-text-02 {
    margin-top: -26px;
  }

  .content-image._80-width-height-copy.produkt {
    display: none;
  }

  .heading-grid.home-01-hero, .heading-grid.home-03-hero, .heading-grid.home-03-hero, .heading-grid.home-01-hero-copy {
    grid-template-columns: 1.25fr;
    width: 100%;
  }

  .image-container.home-01-hero-drink-can {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .image-container.home-02-peach-can-hero {
    padding-top: 0;
  }

  .h2-heading {
    font-size: 5rem;
  }

  .h2-heading.white.smaller {
    font-size: 3.5rem;
  }

  .h2-heading.dark-blue.sampler {
    font-size: 2.5rem;
  }

  .h2-heading.dark-blue.sticky-reviews, .h2-heading.white.sticky-reviews {
    font-size: 3.7rem;
  }

  .flower-icon {
    width: 70px;
    top: -14%;
  }

  .flower-icon.none {
    display: none;
  }

  .flower-icon.right {
    top: 5%;
  }

  .flower-icon.receicl {
    top: 4.1rem;
  }

  .paragraph.black.center {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1rem;
  }

  .button.product-collection-button {
    padding: 17px;
  }

  .button.peach.product-collection {
    font-size: 1rem;
  }

  .button.strawberry {
    padding-left: 27px;
  }

  .button.strawberry.product-collection, .button.dragonfruit.product-collection, .button.lime-green.product-collection, .button.blueberry.product-collection, .button.lemon.product-collection {
    font-size: 1rem;
  }

  .content-grid.home-01-intro {
    grid-row-gap: 103px;
    grid-template-columns: 1.5fr;
  }

  .content-grid.other-benefits {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
  }

  .content-grid.home-03-benefits {
    grid-template-columns: 1.5fr;
  }

  .content-grid.pink-cocktail {
    grid-row-gap: 39px;
    grid-template-columns: 1fr;
  }

  .content-grid.about-us-02-intro, .content-grid.about-us-03-intro {
    grid-column-gap: 49px;
  }

  .star-icons {
    width: 70px;
    top: -26%;
    left: 1%;
  }

  .benefits-image-wrapper._01 {
    left: 20%;
  }

  .benefits-image-wrapper._02 {
    bottom: 27%;
    right: 22%;
  }

  .benefits-image-wrapper._03 {
    left: 25%;
  }

  .benefits-image-wrapper._04 {
    top: 5%;
    right: 25%;
  }

  .slider_mask {
    max-width: 31.9%;
  }

  .slider_mask.best-sellers, .slider_mask.mixes {
    max-width: 60%;
  }

  .slider.best-sellers {
    margin-top: 7.3rem;
  }

  .right-slide-arrow {
    right: -24px;
  }

  .left-slide-arrow {
    left: -24px;
  }

  .h3-heading.value-icon-title {
    font-size: 1.7rem;
  }

  .lottie-animation-wrapper.wave.location-finder {
    bottom: -1%;
  }

  .lottie-animation-wrapper.wave.contact {
    bottom: -.7%;
  }

  .lottie-animation-wrapper.wave.bottom-footer, .lottie-animation-wrapper.wave.style-guide {
    margin-bottom: 0;
  }

  .icon-container.other-benefit {
    max-width: 100px;
  }

  .review-logo-wrapper {
    min-width: 150px;
    max-width: 150px;
  }

  .review-box-wrapper {
    width: 300px;
  }

  .review-grid {
    grid-column-gap: 66px;
    grid-row-gap: 144px;
  }

  .text-block.review-text.larger {
    font-size: 1.2rem;
  }

  .text-block.other-flavor {
    font-size: 1.1rem;
  }

  .text-block.category-title {
    font-size: 1.5rem;
  }

  .sub-heading.about-us-03-hero {
    font-size: 1.4rem;
  }

  .can-image-wrapper {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .can-image-wrapper.home-02 {
    width: 100%;
  }

  .home-02-benefits-grid {
    margin-top: 86px;
  }

  .product-grid._3-column {
    grid-column-gap: 29px;
    grid-row-gap: 43px;
    grid-template-columns: 1fr 1fr;
    margin-top: 94px;
  }

  .product-grid._3-column.product-page {
    margin-top: 77px;
  }

  .home-03-reviews-grid {
    grid-row-gap: 109px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-wrapper.subscribe-icon-grid {
    max-width: 100%;
  }

  .background-video.ambassador {
    padding-bottom: 117%;
  }

  .social-media-account-content-wrapper {
    justify-content: flex-start;
  }

  .iphone-bottom-content {
    flex-direction: column;
  }

  .social-media-iphone-video-wrapper {
    width: 60%;
  }

  .social-media-iphone-video-wrapper._01, .social-media-iphone-video-wrapper._03 {
    margin-left: auto;
  }

  .social-media-iphone-block._02 {
    margin-top: -1.2rem;
  }

  .social-media-videos-wrapper {
    flex-direction: column;
    display: block;
  }

  .about-01-facts {
    width: 70%;
    margin-left: 0;
    padding-left: 37px;
  }

  .employee-title {
    font-size: 1rem;
  }

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

  .team-grid-wrapper.team, .team-grid-wrapper.model_shooting {
    margin-top: 4.3rem;
  }

  .circle-bubble._08 {
    left: 7%;
  }

  .circle-bubble._12 {
    left: 36%;
  }

  .circle-bubble.product-page-01 {
    left: 12%;
  }

  .circle-bubble.product-page-02 {
    top: 3%;
    left: 8%;
  }

  .circle-bubble.product-page-03 {
    inset: 0% 0% auto auto;
  }

  .circle-bubble.product-page-04 {
    inset: -22% 4% auto auto;
  }

  .circle-bubble.product-page-06, .circle-bubble.product-page-12, .circle-bubble.product-page-13 {
    display: none;
  }

  .circle-bubble.product-page-15 {
    left: 26%;
  }

  .circle-bubble.product-page-20 {
    right: 5%;
  }

  .circle-bubble.product-page-21 {
    display: none;
  }

  .circle-bubble.product-page-25 {
    top: 3%;
    left: 8%;
  }

  .split-founders {
    grid-template-columns: 1fr 1fr;
  }

  .number-stat-text {
    font-size: 3.5rem;
  }

  .number-stat-text.about-us {
    font-size: 6rem;
  }

  .listing-detail-main-images-wrapper {
    align-items: flex-start;
    height: auto;
    padding-top: 256px;
    padding-bottom: 461px;
  }

  .product-content-image {
    width: 26rem;
  }

  .product-detail-hero-grid {
    grid-row-gap: 12px;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    height: auto;
    display: flex;
  }

  .product-thumbnails-container {
    bottom: 8%;
  }

  .product-details-block {
    padding-top: 35px;
    padding-bottom: 51px;
  }

  .white-star-object-wrapper {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .product-price {
    font-size: 1.125em;
  }

  .quantity-wrapper {
    margin-right: 1em;
  }

  .tab-link {
    width: 160px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .product-page-tabs {
    width: 60%;
  }

  .tab-text-block {
    font-size: 1rem;
  }

  .product-page-intro-grid {
    grid-template-columns: 1fr;
  }

  .nutrition-label-container {
    margin-top: 56px;
  }

  .comparison-logo-image {
    width: 95px;
  }

  .comparison-detail-text {
    font-size: 1.2rem;
  }

  .compare-title {
    font-size: 1.5rem;
  }

  .wave-divider-wrapper.bottom-footer {
    margin-top: 0;
  }

  .marquee-review-container {
    margin-bottom: 0;
    padding-bottom: 26px;
  }

  .faq-accordion-items-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-content {
    width: 100%;
  }

  ._2-column-faq-grid {
    grid-template-columns: 1.75fr;
    max-width: 67%;
    margin-top: 41px;
  }

  ._2-column-faq-grid.contact-us, ._2-column-faq-grid.faq-page {
    max-width: 90%;
  }

  .collection-hero-flexbox {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
  }

  .collection-h1.products-selection {
    text-align: center;
    margin-bottom: 0;
  }

  .find-a-location-text-box {
    justify-content: center;
  }

  .instructions-title {
    font-size: 1.4rem;
  }

  .mixer-body-grid {
    width: 100%;
    margin-top: 82px;
  }

  .ingredients-information-wrapper {
    width: 90%;
  }

  .mixer-step-number {
    font-size: 4rem;
  }

  .contact-form-block.abo {
    max-width: 70vw;
  }

  .contact-us-01-content-grid {
    grid-row-gap: 3vh;
    grid-template-columns: 1fr 1fr;
  }

  .location-image-wrapper {
    width: 100%;
  }

  .location-image-wrapper.display-none-tablet {
    display: none;
  }

  .form-input.email {
    color: #2e2e2e;
  }

  .contact-us-02-content-grid {
    grid-row-gap: 3vh;
    grid-template-columns: 1fr 1fr;
  }

  .contact-form-map-container {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .cart-checkout-button, .cart-text {
    font-size: .875em;
  }

  .close-icon-wrapper {
    flex: none;
    padding: .25em 1em;
  }

  .cart-price {
    font-size: 1em;
  }

  .menu-button {
    align-self: center;
    width: 28px;
    height: 28px;
    margin-left: 1.4em;
    padding: 0;
  }

  .menu-button.w--open {
    z-index: 2;
    background-color: #0000;
  }

  .menu-button.pink {
    color: var(--pink);
    width: 24px;
    height: 24px;
  }

  .menu-button.orange {
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    display: flex;
  }

  .menu-button.red {
    color: var(--heidelbeere);
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    display: flex;
  }

  .menu-button.teal {
    color: #5fd7ff;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 33px;
    display: flex;
  }

  .menu-button.pink {
    color: #fc0c68;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
  }

  .small-link {
    font-size: 1em;
  }

  .close-icon {
    width: 23px;
    min-width: 23px;
    height: 23px;
  }

  .bottom-footer-text-block {
    font-size: 1.2rem;
  }

  .footer-link-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .brand {
    margin-right: 10px;
    padding: 0;
  }

  .nav-dropdown {
    text-transform: uppercase;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 6px;
  }

  .nav-dropdown.desktop {
    display: none;
  }

  .nav-dropdown.tablet-mobile {
    display: block;
    overflow: hidden;
  }

  .nav-menu {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .nav-menu.links {
    height: auto;
    display: block;
  }

  .toggle {
    width: 100%;
    padding-left: 16px;
  }

  .toggle.w--open {
    width: 100%;
  }

  .header-nav-container {
    padding: 10px .7rem 9px;
    position: relative;
  }

  .nav-list.w--open {
    z-index: 9999999;
    box-shadow: none;
    padding-top: 0;
    position: static;
    inset: auto 0% 0%;
    overflow: visible;
  }

  .list-wrapper {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .navigation-right-block {
    align-items: center;
    display: none;
  }

  .navigation-right-block.mobil-tablet {
    display: block;
  }

  .header-nav {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
    display: none;
    top: 1%;
  }

  .nav-column {
    flex-direction: column;
    width: 100%;
    padding: 10px 16px;
    display: flex;
  }

  .nav-column.strawberry {
    background-color: #f03e36;
    height: 100%;
  }

  .chevron {
    margin-right: 20px;
  }

  .nav-flavor-name {
    font-size: 1.7rem;
  }

  .navigation-middle-block {
    align-items: center;
    display: flex;
  }

  .navigation-left-block {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
    overflow: visible;
  }

  .nav-background {
    height: 3rem;
    bottom: -20%;
  }

  .nav-background.nav-tablet-dropdown {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 67%;
    display: block;
    top: 54%;
  }

  .nav-text-link {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 16px;
  }

  .nav-text-link.w--open {
    width: 100%;
  }

  .nav-text-link.orange, .nav-text-link.red, .nav-text-link.teal, .nav-text-link.hot-pink {
    text-transform: uppercase;
    width: auto;
  }

  .menu-icon {
    color: var(--black);
    font-size: 2.2rem;
  }

  .nav-text-links-container {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .nav-text-links-container.flexbox {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-top: 25%;
  }

  .secondary-cart-icon {
    right: 3%;
  }

  .search-page-button {
    font-size: .875em;
  }

  ._404-number-hero-heading {
    font-size: 19rem;
  }

  .admin-sub-page-h2-heading {
    font-size: 5rem;
  }

  .admin-info-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .overflow-hidden.bild_inhalt.left {
    padding-right: 0%;
  }

  .tablet-mobile-nav-dropdown {
    text-transform: uppercase;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 6px;
  }

  .tablet-mobile-nav-dropdown.tablet-mobile {
    display: block;
  }

  .background-overlay.go-sayian {
    background-color: #50ceff;
  }

  .background-overlay.about-us-02-hero {
    background-image: linear-gradient(#6ac5fe, #69bbff 32%);
  }

  .display-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    font-size: 20px;
    display: flex;
  }

  .mockup-link-block-wrapper {
    border-radius: 20px;
    width: 20rem;
  }

  .mockup-screenshot-image {
    object-fit: contain;
  }

  .main-index-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 4rem;
  }

  .man-index-whats-included-grid {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-columns: 1fr 1fr;
  }

  .mockup-link-block-image {
    height: 20rem;
  }

  .mockup-link-block-image.hero {
    height: 22rem;
  }

  .mockup-caption {
    font-size: 1.6rem;
  }

  .mockup-link-block:hover {
    background-color: #fff;
  }

  ._2-column-grid._1-column-tablet {
    grid-template-columns: 1fr;
  }

  .top-main-index-mockups {
    margin-top: 9.9rem;
  }

  .nav-text-rechts-container {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .nav-text-rechts {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 16px;
  }

  .nav-text-rechts.w--open {
    width: 100%;
  }

  .nav-text-rechts.orange, .nav-text-rechts.red, .nav-text-rechts.teal, .nav-text-rechts.hot-pink {
    text-transform: uppercase;
    width: auto;
  }

  .nav-text-rechts.black {
    text-transform: uppercase;
    width: auto;
    display: none;
  }

  .nav-text-links {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 16px;
  }

  .nav-text-links.w--open {
    width: 100%;
  }

  .nav-text-links.orange, .nav-text-links.red, .nav-text-links.teal, .nav-text-links.hot-pink {
    text-transform: uppercase;
    width: auto;
  }

  .nav-text-links.black {
    text-transform: uppercase;
    width: auto;
    font-size: 3rem;
  }

  .nav-text-links.black.w--current {
    font-size: 3rem;
  }

  .nav-text-links.black.none, .nav-text-links.black.mobil {
    display: block;
  }

  .nav-text-links.black.block {
    font-size: 3rem;
  }

  .sq-slider {
    overflow: visible;
  }

  .slider-wrap {
    flex: 1;
  }

  .slider-wrap.trislider {
    width: 50vw;
  }

  .client-cube {
    width: 300px;
    max-width: 100%;
    height: auto;
  }

  .right-arrow-wrap {
    vertical-align: baseline;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    bottom: 0;
  }

  .direction-icon.right {
    justify-content: center;
    align-items: center;
    margin-top: 439px;
    margin-right: 0;
    display: flex;
  }

  .direction-icon.right {
    margin-top: 439px;
    margin-right: 0;
  }

  .direction-icon.left {
    margin-top: 439px;
    margin-left: 0;
  }

  .left-arrow-wrap {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    bottom: 0;
  }

  .bmnb {
    display: block;
  }

  .website-panel {
    padding-left: 0;
    padding-right: 10px;
  }

  .website-panel.trislider {
    height: 100%;
    top: 0;
  }

  .card-text {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
    font-size: 1.2rem;
  }

  .project-slider-buttons-group {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .card-body-quote {
    font-size: 1.8rem;
  }

  .project-slider {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .arrow {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }

  .card-body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 1rem;
  }

  .section-spacing.project {
    padding-left: 0;
    padding-right: 0;
  }

  .project-slider-buttons-group-2 {
    padding-left: .9375rem;
    padding-right: .9375rem;
  }

  .project-slider-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .arrow-2 {
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
  }

  .drop-down {
    grid-template-columns: 1.75fr;
    max-width: 67%;
    margin-top: 41px;
  }

  .drop-down.contact-us, .drop-down.faq-page, .drop-down.inhaltstoffe {
    max-width: 90%;
  }

  .blog_cube {
    width: 400px;
    height: 400px;
  }

  .blog_cube.top {
    width: 100%;
    height: 100%;
  }

  .blog_cube.bottom {
    height: auto;
  }

  .blog_wrap {
    flex: 1;
  }

  .blog_wrap.trislider {
    width: 50vw;
  }

  .website-panel-copy {
    padding-left: 0;
    padding-right: 10px;
  }

  .website-panel-copy.trislider {
    height: 100%;
    top: 0;
  }

  .blog-panell {
    padding-left: 0;
    padding-right: 10px;
  }

  .blog-panell.trislider {
    height: 100%;
    top: 0;
  }

  .a-block {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .gradient {
    padding-left: 20px;
    padding-right: 10px;
  }

  .eistee_inhalt_usps {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .grid_grafik {
    margin-top: 86px;
  }

  .scribble_text.black {
    font-size: 3rem;
  }

  .in-line.about-us-03-hero {
    font-size: 1.4rem;
  }

  .speaker-slide-mask {
    width: 50%;
  }

  .speakers-hero-wrapper.end {
    padding-bottom: 4.5rem;
  }

  .clip-text.speaker-headding {
    margin-top: -36px;
    margin-bottom: 24px;
    position: relative;
    top: 24px;
  }

  .speaker-info {
    max-width: 470px;
    margin-bottom: 40px;
  }

  .speaker-name {
    font-size: 52px;
  }

  .slide-image {
    height: auto;
    min-height: 500px;
  }

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

  .section-2.home-hero-section {
    min-height: auto;
    padding-top: 90px;
    padding-bottom: 60px;
    position: static;
    overflow: visible;
  }

  .speaker-arrow-2.left.produkt, .speaker-arrow-2.right {
    bottom: 10vw;
  }

  .slide-image-2 {
    height: 50vh;
    min-height: 500px;
  }

  .blog66_heading {
    margin-right: 3rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .blog66_heading-wrapper {
    grid-column-gap: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .blog66_group {
    padding-left: 0;
    padding-right: 0;
  }

  .blog66_mask {
    width: 50%;
  }

  .slider-3 {
    display: flex;
  }

  .speaker-slide-mask-2 {
    width: 27%;
  }

  .speaker-arrow-3 {
    right: 40vw;
  }

  .speaker-arrow-3.left {
    left: 40vw;
  }

  .speaker-name-2 {
    font-size: 52px;
  }

  .slide-image-3 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 250px;
  }

  .slider_blog {
    width: 50%;
  }

  .nav-link {
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 8vw;
  }

  .nav-link.btn {
    font-size: 4vw;
  }

  .container-w1 {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .close-btn-wrapper-2 {
    background-color: #fff0;
    background-image: none;
  }

  .close-btn-wrapper-2:hover {
    background-image: none;
  }

  .nav-gradient-bg-2 {
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 0% 70%, var(--pfirsich), #fff0 69%), radial-gradient(circle farthest-corner at 100% 0%, var(--melisse), #fff0 52%);
  }

  .nav-toggle-btn {
    background-color: #fff0;
    background-image: none;
  }

  .nav-toggle-btn:hover {
    background-image: none;
  }

  .menu-icon-2 {
    color: var(--black);
    font-size: 2.2rem;
  }

  .navigation-left-block-2 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
    position: absolute;
    inset: auto 0% -262%;
    overflow: visible;
  }

  .nav-menu-2 {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .nav-menu-2._1, .nav-menu-2._2 {
    background-color: var(--light-purple);
    height: 50vh;
  }

  .brand-2 {
    margin-right: 10px;
    padding: 0;
  }

  .header-nav-container-2 {
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: .7rem;
    position: relative;
  }

  .navigation-right-block-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-text-rechts-container-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .nav-background-2 {
    background-color: var(--light-purple);
    height: 3rem;
    bottom: -20%;
  }

  .nav-background-2.nav-tablet-dropdown {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    height: 67%;
    display: block;
    top: 54%;
  }

  .navigation-middle-block-2 {
    align-items: center;
    display: flex;
  }

  .nav-text-link-2 {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 16px;
  }

  .nav-text-link-2.w--open {
    width: 100%;
  }

  .nav-text-link-2.hot-pink {
    text-transform: uppercase;
    width: auto;
  }

  .nav-text-links-container-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .produkt-slide-mask {
    width: 50%;
  }

  .bg-noise-3 {
    background-image: none;
  }

  .main-nav {
    background-color: #ffe9d600;
    display: block;
    position: relative;
  }

  .lemon.end {
    z-index: 0;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--zitrone), #fa7d1800);
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }
}

@media screen and (max-width: 767px) {
  .grid-block.review-sticky-text-box {
    position: static;
  }

  .grid-block.benefit-right {
    margin-right: -175px;
  }

  .grid-block.benefit-left {
    margin-left: -175px;
  }

  .section {
    padding-top: 0;
  }

  .section.reviews {
    background-position: 20%, 0 0;
  }

  .section.founder.home-02 {
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 20% 40%, var(--pfirsich), var(--durchsichtig) 20%);
  }

  .section.founder.home-02.text.bottom-50vh, .section.founder.home-02.text.bottom-40vh-copy {
    background-size: auto 40vh;
    padding-bottom: 30vh;
  }

  .section.home-02-hero {
    padding-top: 4rem;
  }

  .section.home-02-hero.first.header {
    margin-top: -6rem;
    padding-top: 5rem;
  }

  .section.home-02-products {
    background-image: linear-gradient(#ff9fc6, #ff2e80);
  }

  .section.home-03-hero._100vh.center {
    min-height: 1200px;
  }

  .section.home-03-hero._100vh.center.newsletter {
    height: auto;
    min-height: auto;
    margin-top: -6rem;
    padding-top: 5rem;
    display: block;
  }

  .section.home-03-hero._100vh.center.vh-none {
    height: auto;
    min-height: auto;
    margin-top: -6rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: block;
  }

  .section.about-us-02-intro.teal-gradient {
    padding-top: 49px;
  }

  .section.split-founder {
    margin-top: -6rem;
    padding-top: 6rem;
  }

  .section.testimonials-product-page {
    overflow: hidden;
  }

  .section.about-us-02-hero-copy.randlos, .section.about-us-02-hero-copy.randlos.first {
    margin-top: -6rem;
    padding-top: 5rem;
  }

  .section.bg {
    padding-bottom: 0;
  }

  .section.bg.gradient {
    padding-bottom: 5vh;
  }

  .section.bg.gradient.model_1 {
    background-image: none;
  }

  .section.slider {
    background-color: var(--light-purple);
  }

  .section.hero {
    background-color: var(--light-purple);
    margin-top: -6rem;
    padding-top: 5rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.admin-page {
    padding-top: 33px;
    padding-bottom: 161px;
  }

  .container.admin-page.changelog-instructions {
    padding-bottom: 169px;
  }

  .container.admin-hero {
    padding-bottom: 161px;
  }

  .container.home-01-hero {
    padding-top: 151px;
    padding-bottom: 0;
  }

  .container.home-01-hero._0 {
    height: auto;
  }

  .container.home-01-products {
    padding-top: 33px;
    padding-left: 3.5rem;
  }

  .container.other-benefits {
    padding-bottom: 105px;
  }

  .container.founder {
    padding-top: 0;
  }

  .container.founder.top-50-x.padding-50px {
    background-color: #af4b4b00;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--pfirsich), #fff0 75%);
  }

  .container.mixes.cms {
    padding-bottom: 190px;
  }

  .container.home-02-products {
    padding-top: 22px;
    padding-bottom: 146px;
  }

  .container.sampler-pack {
    padding-bottom: 42px;
  }

  .container.reviews {
    padding-top: 78px;
    padding-bottom: 172px;
  }

  .container.reviews.product-page {
    padding-top: 81px;
  }

  .container.home-03-hero {
    padding-top: 133px;
    padding-bottom: 146px;
  }

  .container.home-03-hero.newsletter {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.home-03-intro {
    padding-top: 57px;
    padding-bottom: 64px;
  }

  .container.about-us-extra-info {
    padding-top: 41px;
    padding-bottom: 567px;
  }

  .container.team {
    padding-top: 69px;
    padding-bottom: 82px;
  }

  .container.about-02-intro {
    padding-top: 50px;
    padding-bottom: 38px;
  }

  .container.two-founders {
    padding-top: 0;
  }

  .container.about-us-facts {
    padding-bottom: 38px;
  }

  .container.about-03-hero {
    padding-top: 156px;
  }

  .container.dragonfruit-splash {
    padding-top: 138px;
  }

  .container.about-us-03-quote {
    padding-top: 160px;
  }

  .container.value-cards {
    padding-bottom: 0;
  }

  .container.about-us-03-two-men {
    padding-top: 187px;
  }

  .container.product-page-intro {
    padding-top: 121px;
    padding-bottom: 111px;
  }

  .container.product-page {
    padding-top: 22px;
  }

  .container.all-flavors {
    padding-top: 94px;
    padding-bottom: 137px;
  }

  .container.product-collection-page {
    padding-bottom: 175px;
  }

  .container.contact-01 {
    padding-top: 149px;
    padding-bottom: 147px;
  }

  .container.contact-01-intro {
    padding-top: 48px;
    padding-bottom: 184px;
  }

  .container.contact-02 {
    padding-bottom: 329px;
  }

  .container.contact-02-intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.search {
    padding-bottom: 156px;
  }

  .container.faq {
    padding-top: 157px;
    padding-bottom: 152px;
  }

  .container.frequently-asked {
    padding-bottom: 154px;
  }

  .container.faq-page {
    padding-bottom: 150px;
  }

  .container.style-guide {
    padding-top: 41px;
    padding-bottom: 112px;
  }

  .container.faq {
    padding-bottom: 282px;
  }

  .container.brand-ambassador.top._0.finish {
    padding-bottom: 40vh;
  }

  .container.overflow.model-01 {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--heidelbeere), var(--durchsichtig) 35%);
  }

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

  .grid-fourths.colors-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .spacer {
    height: 32px;
  }

  .page-wrapper {
    background-color: var(--light-purple);
    width: auto;
  }

  .page-wrapper.color_grade.about {
    background-color: var(--light-purple);
    background-image: none;
    display: block;
  }

  .page-wrapper.yellow {
    background-color: #f7f4f100;
    background-image: none;
  }

  .text-box._33rem.auto {
    width: 70%;
    max-width: none;
  }

  .text-box.medium-width.about-us-01-extra-info {
    max-width: 65%;
    margin-left: 0;
  }

  .text-box.product-box-content-container {
    max-width: 90%;
  }

  .text-box.founder {
    max-width: 30rem;
    margin-top: 0;
  }

  .text-box.center-aligned._93-mobile {
    max-width: 100%;
  }

  .text-box.two-founders {
    max-width: 95%;
  }

  .text-box.values-paragraph {
    margin-left: auto;
    margin-right: auto;
  }

  .text-box.mixer-cms, .text-box.mixer-description {
    max-width: 90%;
  }

  .h1-heading {
    font-size: 14svw;
  }

  .h1-heading.admin {
    font-size: 15svw;
  }

  .h1-heading.white {
    font-size: 6rem;
  }

  .h1-heading.white.smaller, .h1-heading.white.mixer-cms {
    font-size: 5rem;
  }

  .h1-heading.home-01 {
    font-size: 7rem;
  }

  .h1-heading.home-01.untertitel.black {
    font-size: 3rem;
    line-height: 3rem;
  }

  .h1-heading.about-01-hero, .h1-heading.about-02-hero, .h1-heading.about-03-hero {
    font-size: 4rem;
  }

  .image-wrapper.leaf {
    width: 17rem;
    right: 36%;
  }

  .image-wrapper.keinzucker {
    max-width: 15rem;
    top: 16%;
  }

  .image-wrapper.keinzucker.drehen {
    right: 20%;
  }

  .image-wrapper.red-splash {
    width: 25rem;
  }

  .image-wrapper.sun-shape {
    width: 600px;
    right: -11%;
  }

  .image-wrapper.lime {
    width: 7rem;
    top: 32%;
  }

  .image-wrapper.lime-02 {
    width: 7rem;
    inset: auto auto 13% 6%;
  }

  .image-wrapper.lime-03 {
    width: 6rem;
    left: 76%;
  }

  .image-wrapper.product-collection-image.home-02 {
    width: 50%;
  }

  .image-wrapper.founder {
    background-image: url('../images/founder_1founder.webp');
    background-position: 50%;
  }

  .image-wrapper.peach-flavor-can-with-ingredients {
    width: 60%;
    margin-top: -86px;
  }

  .image-wrapper.home-hero-02-object._01 {
    width: 7rem;
    display: block;
    top: 5%;
    right: 5%;
  }

  .image-wrapper.home-hero-02-object._02 {
    width: 6rem;
    bottom: 49%;
    right: 2%;
  }

  .image-wrapper.home-hero-02-object._03 {
    width: 6rem;
    top: 44%;
  }

  .image-wrapper.home-hero-02-object._04 {
    width: 6rem;
    bottom: 0%;
    right: -5%;
  }

  .image-wrapper.home-hero-02-object.orange-cocktail {
    width: 11rem;
    left: 13%;
  }

  .image-wrapper.home-hero-02-object._06 {
    width: 6rem;
    top: 35%;
  }

  .image-wrapper.home-hero-02-object._07 {
    width: 8rem;
    bottom: 11%;
  }

  .image-wrapper.hand-splash-peach-can._02 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-wrapper.sampler.cans {
    margin-top: 22px;
    margin-bottom: 40px;
  }

  .image-wrapper.sample-object-01, .image-wrapper.sample-object-02 {
    width: 5rem;
  }

  .image-wrapper.sample-object-03 {
    width: 4rem;
  }

  .image-wrapper.founder-object-01 {
    top: 18%;
  }

  .image-wrapper.founder-object-01.handy {
    width: 10rem;
    top: 53%;
    left: 4%;
  }

  .image-wrapper.founder-object-01.bubble {
    left: 1%;
  }

  .image-wrapper.founder-object-02 {
    bottom: 34%;
  }

  .image-wrapper.assorted-cans {
    transform: scale(1.5);
  }

  .image-wrapper.board-cocktail {
    width: 90%;
    margin-left: auto;
    position: static;
    bottom: 1%;
  }

  .image-wrapper.subscribe-icon {
    width: 3rem;
  }

  .image-wrapper.lemon-packaging {
    width: 80%;
  }

  .image-wrapper.subscribe-lemon {
    width: 4rem;
    bottom: -14%;
    left: 26%;
  }

  .image-wrapper.subscribe-lemon._02 {
    top: -5%;
    right: 14%;
    transform: rotateX(0)rotateY(-180deg)rotateZ(45deg);
  }

  .image-wrapper.cocktail-lemon {
    width: 15rem;
    left: 5%;
  }

  .image-wrapper.subscribe-leaf._02 {
    width: 6rem;
  }

  .image-wrapper.curved-pink-text {
    transform: scale(2.2);
  }

  .image-wrapper.about-dragonfruit-can {
    width: 100%;
    margin-top: -120px;
    margin-left: 144px;
  }

  .image-wrapper.pink-cocktail {
    max-width: 100%;
  }

  .image-wrapper.about-us-extra-info-1 {
    max-width: 44%;
    right: -11%;
  }

  .image-wrapper.about-us-extra-info-2 {
    max-width: 32%;
    left: -7%;
  }

  .image-wrapper.about-us-extra-info-3 {
    max-width: 38%;
    bottom: 16%;
    right: -9%;
  }

  .image-wrapper.about-us-extra-info-4 {
    max-width: 55%;
  }

  .image-wrapper.lime-04 {
    width: 5rem;
    top: -20%;
    right: 10%;
  }

  .image-wrapper.lemon {
    bottom: 9%;
    left: 2%;
  }

  .image-wrapper.strawberry-02 {
    top: -158%;
    right: -6%;
  }

  .image-wrapper.lineup {
    margin-left: -55px;
  }

  .image-wrapper.lime-04 {
    top: auto;
    right: 18%;
  }

  .image-wrapper.grapefruit {
    width: 6rem;
    left: 28%;
  }

  .image-wrapper.leaf-03 {
    width: 6rem;
  }

  .image-wrapper.about-us-extra-info-5 {
    bottom: 12%;
    left: 2%;
  }

  .image-wrapper.about-us-extra-info-6 {
    max-width: 38%;
    bottom: 17%;
    right: -9%;
  }

  .image-wrapper.about-us-extra-info-7 {
    max-width: 32%;
    inset: 4% -3% auto auto;
  }

  .image-wrapper.lime-6 {
    margin-top: 49px;
    top: 17%;
    right: -10%;
  }

  .image-wrapper.beach-with-cans {
    width: 76%;
    margin-top: 76px;
    margin-right: 0;
    position: static;
  }

  .image-wrapper.grapefruit-02 {
    top: -20%;
    right: 10%;
  }

  .image-wrapper.watermelon {
    inset: auto auto -83% 0%;
  }

  .image-wrapper.strawberry-03 {
    inset: -34% 0% auto auto;
  }

  .image-wrapper.lemon-03 {
    bottom: 9%;
    left: -12%;
    transform: rotate(39deg);
  }

  .image-wrapper.beet {
    z-index: 55;
    inset: auto 57% 6% auto;
  }

  .image-wrapper.dragonfruit-03 {
    z-index: 15;
    width: 8rem;
    inset: 1% 20% auto auto;
  }

  .image-wrapper.grapefruit-03 {
    z-index: 15;
    width: 7.5rem;
    top: -7%;
    right: 8%;
  }

  .image-wrapper.lemon-07 {
    width: 5rem;
    inset: auto 8% 1% auto;
  }

  .image-wrapper.leaf-08 {
    z-index: 15;
    width: 6rem;
    top: -8%;
  }

  .image-wrapper.leaf-10 {
    bottom: -10%;
    right: -4%;
  }

  .image-wrapper.cocktail-dragon {
    width: 11rem;
    bottom: -44%;
  }

  .image-wrapper.dragonfruit-can-splash {
    height: auto;
  }

  .image-wrapper.lime-8 {
    margin-top: 49px;
    top: -42%;
    right: 26%;
  }

  .image-wrapper.mixer-hero-image {
    width: 90%;
  }

  .image-wrapper.mix-hero {
    height: 22rem;
  }

  .image-wrapper.nav-can {
    margin-bottom: -52px;
  }

  .image-wrapper.model {
    background-image: url('../images/rotes-model-mit-orangen.webp');
    background-position: 50%;
  }

  .image-wrapper.model._02 {
    height: 12rem;
  }

  .image-wrapper.model._01 {
    height: 20rem;
  }

  .image-wrapper.model._04 {
    height: 18rem;
  }

  .image-wrapper.model._05 {
    height: 18rem;
    margin-top: 0;
  }

  .image-wrapper.produkt, .image-wrapper.founder {
    background-image: url('../images/founder_1founder.webp');
    background-position: 50%;
  }

  .image-wrapper.gr-nder {
    background-image: url('../images/Gründerfoto.webp');
    background-position: 50%;
    height: 12rem;
  }

  .image-wrapper.gr-nder.hochformat.grid._2, .image-wrapper.gr-nder.hochformat.grid._3 {
    width: 80%;
    min-width: auto;
    height: 12rem;
    margin-top: 0;
  }

  .image-wrapper.gr-nder.hochformat.grid._1 {
    width: 80%;
    min-width: auto;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .image-wrapper.fragezeichen_1, .image-wrapper.fragezeichen_2 {
    width: 7rem;
    display: none;
    top: 32%;
  }

  .image-wrapper.kein-zucker {
    width: 17rem;
    right: 36%;
  }

  .image-wrapper.das-sind-wir {
    max-width: 15rem;
    top: 16%;
  }

  .image-wrapper.das-sind-wir.drehen {
    left: 16%;
  }

  .image-wrapper.blumig {
    max-width: 15rem;
    top: 16%;
  }

  .image-wrapper.blumig.drehen {
    top: 0;
  }

  .image-wrapper.beerig {
    max-width: 15rem;
    top: 16%;
  }

  .image-wrapper.beerig.drehen {
    top: 0;
    left: -2.6rem;
  }

  .image-wrapper.produkt {
    background-image: url('../images/2025_nosuga_produkt037.webp');
    background-position: 50%;
    height: 10rem;
  }

  .image-wrapper.produkt._01 {
    height: 20rem;
  }

  .image-wrapper.zitrone {
    max-width: 15rem;
    top: 16%;
  }

  .image-wrapper.zitrone.drehen {
    top: 0;
    left: -1.1rem;
  }

  .image-wrapper.betty {
    background-image: url('../images/nosuga_model-liegend.webp');
    background-position: 50%;
    height: 12rem;
  }

  .image-wrapper.betty.hochformat.grid._2, .image-wrapper.betty.hochformat.grid._3 {
    width: 80%;
    min-width: auto;
    height: 12rem;
    margin-top: 0;
  }

  .image-wrapper.betty.hochformat.grid._1 {
    width: 80%;
    min-width: auto;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .content-image._100-width-height {
    width: 70%;
  }

  .content-image._100-width-height.cover {
    vertical-align: baseline;
    width: 80%;
  }

  .content-image._100-width-height.benefits-shot-03 {
    display: none;
  }

  .content-image._100-width-height.sayian-scroll-text-02 {
    margin-top: -15px;
  }

  .content-image._80-width-height-copy {
    width: 50%;
  }

  .content-image._80-width-height-copy.benefits-shot-03 {
    display: none;
  }

  .content-image._80-width-height-copy.sayian-scroll-text-02 {
    margin-top: -15px;
  }

  .heading-grid.about-us-03-hero {
    flex-direction: column;
    display: flex;
  }

  .heading-grid.home-03-hero {
    grid-row-gap: 62px;
  }

  .h2-heading, .h2-heading.dark-blue.sticky-reviews {
    font-size: 4rem;
  }

  .h2-heading.black {
    font-size: 3rem;
    line-height: 3rem;
  }

  .h2-heading.black.produkt {
    font-size: 3rem;
  }

  .h2-heading.black.bottom-0px {
    font-size: 3rem;
    line-height: 3rem;
  }

  .h2-heading.white.sticky-reviews {
    font-size: 4rem;
  }

  .flower-icon {
    width: 60px;
    top: -15%;
    left: 1%;
  }

  .flower-icon.right {
    display: none;
  }

  .flower-icon.megaphon {
    width: 100px;
    top: 4%;
  }

  .paragraph.black.center {
    font-size: 1rem;
    line-height: 1.2;
  }

  .button-wrapper.product-collection.home-02 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: center;
    align-items: center;
  }

  .button:hover {
    color: var(--light-purple);
  }

  .button.product-collection-button, .button.peach.product-collection, .button.strawberry.product-collection, .button.dragonfruit.product-collection, .button.lime-green.product-collection, .button.blueberry.product-collection, .button.lemon.product-collection {
    font-size: 1.3rem;
  }

  .content-grid.pink-cocktail {
    grid-row-gap: 33px;
  }

  .content-grid.about-us-02-intro, .content-grid.about-us-03-intro {
    grid-template-columns: 1fr;
  }

  .benefits-image-wrapper._01 {
    left: 9%;
  }

  .benefits-image-wrapper._02 {
    right: 13%;
  }

  .benefits-image-wrapper._03 {
    left: 13%;
  }

  .benefits-image-wrapper._04 {
    right: 17%;
  }

  .slider_mask {
    max-width: 48%;
  }

  .slider_mask.best-sellers {
    max-width: 70%;
  }

  .slider_mask.mixes {
    max-width: 80%;
  }

  .slider.best-sellers {
    margin-left: -26px;
  }

  .collection-list.categories {
    grid-column-gap: 27px;
    grid-row-gap: 35px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .right-slide-arrow {
    width: 70px;
    height: 70px;
    right: -16px;
  }

  .left-slide-arrow {
    width: 70px;
    height: 70px;
    left: -16px;
  }

  .product-slide {
    margin-right: 3rem;
  }

  .location-logo-grid-container {
    width: 90%;
  }

  .lottie-animation-wrapper.wave {
    bottom: -.3%;
  }

  .lottie-animation-wrapper.wave.mixer-cms {
    bottom: -.6%;
  }

  .lottie-animation-wrapper.wave.contact {
    bottom: -.8%;
  }

  .lottie-animation-wrapper.wave.instruction-changelog {
    bottom: -9%;
  }

  .review-logo-tab-container {
    margin-top: 99px;
  }

  .review-icons-grid {
    width: 90%;
  }

  .review-logo-text {
    font-size: 3.2rem;
  }

  .review-logo-image {
    max-height: 4rem;
  }

  .review-grid {
    grid-row-gap: 78px;
    grid-template-columns: 1fr;
  }

  .text-block.stat-title {
    font-size: 1.1rem;
  }

  .text-block.other-flavor {
    font-size: 1.3rem;
  }

  .text-block.category-title {
    font-size: 1.4rem;
  }

  .product-grid._3-column {
    grid-template-columns: 1fr;
    margin-top: 97px;
  }

  .product-grid-wrapper {
    width: 90%;
  }

  .content-wrapper.sticky-reviews {
    grid-row-gap: 86px;
    grid-template-columns: 2fr;
    margin-top: 0;
  }

  .review-box-container.home-02, .review-box-container.product-page {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
  }

  .subscribe-icon-content-wrapper {
    flex-direction: column;
  }

  .subscribe-icon-title {
    text-align: center;
  }

  .subscribe-content-grid._02 {
    margin-top: 134px;
  }

  .background-video.ambassador {
    padding-bottom: 138%;
  }

  .about-01-facts {
    width: 90%;
  }

  .circle-bubble._01 {
    top: -13%;
    left: 6%;
  }

  .circle-bubble._06 {
    right: 10%;
  }

  .circle-bubble._07 {
    right: 4%;
  }

  .circle-bubble.product-page-07 {
    top: -80%;
  }

  .circle-bubble.product-page-11 {
    right: -1%;
  }

  .circle-bubble.product-page-14 {
    width: 1.2rem;
    height: 1.2rem;
    top: 5%;
    left: 14%;
  }

  .circle-bubble.product-page-19 {
    top: 12%;
  }

  .circle-bubble.product-page-20 {
    top: 4%;
  }

  .circle-bubble.product-page-22 {
    top: 11%;
    right: 11%;
  }

  .number-stat-text.about-us {
    font-size: 4.5rem;
  }

  .special-values-grid {
    flex-direction: column;
    margin-top: 46px;
    display: flex;
  }

  .listing-detail-main-images-wrapper {
    height: 55svh;
  }

  .product-content-image {
    width: 24rem;
  }

  .white-star-object-wrapper {
    width: 90%;
  }

  .product-page-tabs-menu {
    align-self: stretch;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .tab-link {
    grid-column-gap: 8px;
    width: 150px;
    height: 50px;
    padding: 8px 12px;
    font-size: 14px;
  }

  .product-page-tabs {
    width: 90%;
  }

  .comparison-logo-image {
    width: 75px;
  }

  .comparison-detail-text {
    font-size: 1rem;
  }

  .compare-title {
    font-size: 1.2rem;
  }

  .comparison-logo-image-wrapper {
    padding-bottom: 12px;
  }

  .marquee-horizontal-wrapper {
    bottom: 0%;
  }

  .marquee-review-container {
    padding-top: 3.8rem;
    padding-bottom: 58px;
  }

  .other-flavors-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  ._2-column-faq-grid {
    max-width: 88%;
  }

  .mixer-body-grid {
    grid-template-columns: 1fr;
  }

  .ingredients-information-wrapper {
    width: 100%;
  }

  .ingredients-title {
    text-align: left;
  }

  .rich-text-ingredients-wrapper {
    margin-left: 0;
  }

  .mixer-step-text-box {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .contact-button {
    width: 37%;
  }

  .contact-button:hover {
    color: var(--light-purple);
    -webkit-text-stroke-color: var(--light-purple);
  }

  .contact-us-01-content-grid, .contact-us-02-content-grid {
    grid-row-gap: 1.5vh;
  }

  .small-link {
    white-space: nowrap;
  }

  .close-icon {
    width: 18px;
    min-width: 18px;
    height: 18px;
  }

  .cart-button {
    margin-left: 1em;
    padding-left: 0;
  }

  .bottom-footer-text-block {
    flex: none;
  }

  .footer-link-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
  }

  .footer-link-grid.with-wave {
    margin-top: 18px;
  }

  .brand-logo {
    width: 85px;
  }

  .header-nav {
    display: none;
  }

  .nav-flavor-name {
    font-size: 1.4rem;
  }

  ._404-number-hero-heading {
    font-size: 16rem;
    line-height: 100%;
  }

  .admin-content-wrapper {
    padding: 2rem 1rem 3rem;
  }

  .admin-sub-page-h2-heading {
    font-size: 5rem;
  }

  .license-images-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .overflow-hidden.center.grid.profil {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .overflow-hidden.bild_inhalt.left {
    padding-right: 0%;
  }

  .background-overlay.go-sayian {
    background-color: #51cfff;
  }

  .display-text {
    font-size: 18px;
  }

  .mockup-link-block-wrapper {
    border-radius: 16px;
    width: 17rem;
  }

  .main-index-grid {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .index-cta.main {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
    font-size: 1.1rem;
  }

  .man-index-whats-included-grid._5-8rem-margin-bottom {
    grid-template-columns: 1fr;
  }

  .mockup-link-block-image {
    height: 35rem;
  }

  .mockup-link-block-image.hero {
    height: 18rem;
  }

  .index-h2-heading {
    font-size: 3rem;
  }

  ._2-column-grid {
    grid-template-columns: 1fr;
  }

  .index-h1-heading {
    font-size: 5rem;
  }

  .slider-wrap {
    padding-right: 18px;
  }

  .slider-wrap.trislider {
    width: 370px;
    height: 370px;
  }

  .client-cube {
    width: 200px;
    height: auto;
  }

  .client-cube.produkt {
    max-width: none;
    height: 50vh;
  }

  .right-arrow-wrap {
    right: 0;
  }

  .client-slider-wrapper {
    width: 100vw;
  }

  .direction-icon.left {
    width: 100%;
    height: 100%;
    margin-top: 0;
  }

  .left-arrow-wrap {
    justify-content: flex-end;
    align-items: center;
    height: 4rem;
    top: 29%;
    left: 20px;
  }

  .slider-wrapper {
    width: 100vw;
    height: 400px;
    margin-top: 30px;
  }

  .slide-nav-2 {
    inset: 0% -100px 0% auto;
    transform: rotate(-90deg);
  }

  .text-wrapper-slide-1 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-wrapper-2 {
    width: 100vw;
    height: 500px;
    padding-top: 60px;
  }

  .text-wrapper-slide-3 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    top: 60px;
    left: 0;
    right: 0;
  }

  .mask {
    width: auto;
  }

  .container-2 {
    flex-direction: column;
    height: auto;
  }

  .text-wrapper-slide-2 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    inset: 60px 0% auto;
  }

  .slider-2 {
    width: 400px;
    height: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .card-header {
    order: -1;
    max-width: none;
  }

  .card-header-figure {
    padding-top: 70%;
  }

  .project-slider-buttons-group {
    flex-flow: row;
    order: 1;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .card, .project-slider {
    flex-flow: column;
  }

  .card-body {
    padding-top: 1.25rem;
    padding-bottom: 0;
    padding-left: 1rem;
  }

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

  .section-spacing.banner {
    padding-top: 9rem;
    padding-bottom: 4rem;
  }

  .arrow-icon.arrow-icon-right, .arrow-icon.arrow-icon-left {
    transform: rotate(-90deg);
  }

  .project-slider-buttons-group-2 {
    flex-flow: row;
    order: 1;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .card-2, .project-slider-2 {
    flex-flow: column;
  }

  .drop-down {
    max-width: 88%;
  }

  .drop-down.inhaltstoffe {
    margin-bottom: 0;
  }

  .produkt-animate-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .blog_cube {
    width: 350px;
    height: 350px;
  }

  .blog_cube.top {
    width: 100%;
    height: 100%;
  }

  .blog_cube.bottom {
    height: auto;
  }

  .rechts-pfeil {
    right: -29px;
  }

  .links-pfeil {
    left: -29px;
  }

  .blog_wrap {
    padding-right: 18px;
  }

  .blog_wrap.trislider {
    width: 370px;
    height: 370px;
  }

  .blog_text_wrapper {
    padding-bottom: 0%;
  }

  .scribble_text.black {
    font-size: 2rem;
    line-height: 1.5rem;
  }

  .scribble_text.black.geschmack {
    font-size: 2rem;
  }

  .scribble_text.black.sweet {
    line-height: 1.5rem;
  }

  .overflow_text {
    height: 70%;
    padding-bottom: 0;
  }

  .bubble-text {
    font-size: 3rem;
    inset: 23% 25% 0% 0%;
  }

  .speaker-slide-mask {
    width: 60%;
  }

  .blog-slide-content {
    height: 100%;
  }

  .speakers-hero-wrapper {
    min-height: auto;
  }

  .blog-slide {
    height: 100%;
    padding-top: 0;
  }

  .clip-text.speaker-headding {
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
  }

  .speaker-slide {
    min-height: auto;
  }

  .speaker-info {
    max-width: 300px;
    margin-top: 0;
  }

  .speaker-name {
    font-size: 48px;
  }

  .speaker-name.center {
    margin-top: 10px;
    font-size: 1.8rem;
    line-height: 1.8rem;
  }

  .slide-image {
    height: auto;
    min-height: 400px;
  }

  .body-display.large {
    padding-top: 5px;
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .section-2.home-hero-section.small.slider {
    padding-top: 0;
  }

  .speaker-arrow-2.left.produkt {
    justify-content: flex-start;
    align-items: flex-end;
    left: 5vw;
  }

  .speaker-arrow-2.right {
    justify-content: flex-end;
    align-items: flex-end;
    bottom: 10vw;
    right: 5vw;
  }

  .slide-image-2 {
    height: auto;
    min-height: auto;
    overflow: visible;
  }

  .slide-arrow-2 {
    width: 6rem;
  }

  .blog66_heading {
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .blog66_slide {
    padding-right: 1.5rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .blog66_heading-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .blog66_group {
    padding-bottom: 6rem;
  }

  .blog66_mask {
    width: 80%;
  }

  .speaker-slide-mask-2 {
    width: 20%;
  }

  .speaker-slide-content-2 {
    padding-top: 36px;
  }

  .speakers-hero-wrapper-2.mobil {
    display: block;
  }

  .speakers-hero-wrapper-2.desktop {
    display: none;
  }

  .speaker-arrow-3 {
    right: 35vw;
  }

  .speaker-arrow-3.left {
    margin-right: 90px;
    left: 35vw;
  }

  .speaker-name-2 {
    font-size: 48px;
  }

  .slide-image-3 {
    width: 20vw;
    min-height: auto;
  }

  .slider_blog {
    width: 50%;
    min-height: auto;
  }

  .container-w1.gutter-outside {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .close-btn-text {
    font-family: Orangesandlemonscaps Webfont, Georgia, sans-serif;
    font-size: 3em;
    font-weight: 400;
  }

  .close-btn-wrapper-2 {
    background-color: #fff0;
    background-image: none;
    padding: 14px;
    font-size: 14px;
    top: 20px;
    right: 23px;
  }

  .close-btn-wrapper-2:hover {
    background-image: none;
  }

  .nav-gradient-bg-2 {
    z-index: auto;
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 0% 70%, var(--pfirsich), #fff0 38%), radial-gradient(circle farthest-corner at 100% 0%, var(--melisse), #fff0 59%);
    font-family: Mudstone Sans, Impact, sans-serif;
    font-weight: 400;
  }

  .nav-toggle-btn {
    background-color: #fff0;
    background-image: none;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }

  .nav-toggle-btn:hover {
    background-color: #fff0;
    background-image: none;
  }

  .logo {
    font-size: 1.4em;
  }

  .navigation-left-block-2 {
    inset: 0% 0% auto;
  }

  .brand-logo-2 {
    width: 85px;
  }

  .header-nav-container-2 {
    max-width: none;
  }

  .produkt-slide-mask {
    width: 33%;
    height: auto;
    padding-top: 0;
  }

  .logo-wrapper-3 {
    opacity: 1;
  }

  .bg-noise-3 {
    background-image: none;
  }

  .main-nav {
    z-index: 99;
    display: block;
  }

  .lemon {
    background-image: radial-gradient(circle farthest-corner at 50% 70%, var(--zitrone), #fa7d1800 43%);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .lemon.end {
    z-index: -1;
    background-image: radial-gradient(circle farthest-corner at 100% 70%, var(--zitrone), #fff0 20%);
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
  }

  .peach {
    z-index: 0;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--pfirsich), #fa7d1800 31%);
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .produkt-slider {
    height: 100%;
    padding-top: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: .02em;
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 4.5rem;
  }

  h2 {
    letter-spacing: .02em;
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 4rem;
  }

  h3 {
    letter-spacing: .02em;
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 3rem;
  }

  h4 {
    letter-spacing: .02em;
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2rem;
  }

  h5 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  h6 {
    letter-spacing: .02em;
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
  }

  p, li {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  blockquote {
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
  }

  figcaption {
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    line-height: 1rem;
  }

  .grid-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: end stretch;
    display: grid;
  }

  .grid-block.display-none-tablet-mobile.center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-block.benefit-up {
    margin-top: 0;
  }

  .grid-block.benefit-right {
    margin-right: 0;
  }

  .grid-block.benefit-left {
    margin-left: 0;
  }

  .grid-block.opacity-0.display-none-small-mobile {
    display: none;
  }

  .grid-block.master {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    place-items: center stretch;
    height: auto;
    min-height: auto;
  }

  .section {
    padding-top: 0;
    overflow: hidden;
  }

  .section.home-01-intro {
    margin-top: -213px;
  }

  .section.home-01-products {
    margin-top: -4px;
  }

  .section.reviews {
    background-position: 25%, 0 0;
  }

  .section.founder.home-02 {
    background-image: radial-gradient(circle farthest-corner at 30% 30%, var(--pfirsich), var(--durchsichtig) 32%);
    margin-top: 0;
    padding-top: 2rem;
  }

  .section.founder.home-02.top-0 {
    margin-top: 0;
    padding-top: 0;
  }

  .section.founder.home-02.top-0.gradient-none, .section.founder.home-02.top-0.gradient-0 {
    background-image: none;
  }

  .section.founder.home-02.text {
    background-size: auto 50vh;
  }

  .section.founder.home-02.text.bottom-50vh {
    padding-bottom: 50vh;
  }

  .section.founder.home-02.text.bottom-40vh-copy {
    padding-top: 1rem;
    padding-bottom: 40vh;
  }

  .section.home-02-hero {
    padding-top: 5rem;
  }

  .section.home-02-hero.first {
    margin-top: 0;
    padding-top: 50px;
  }

  .section.home-02-hero.first.header {
    padding-top: 6rem;
  }

  .section.home-02-hero.hibiskus {
    background-image: radial-gradient(circle farthest-corner at 60% 50%, var(--heidelbeere), var(--durchsichtig) 36%), radial-gradient(circle farthest-corner at 20% 20%, var(--heidelbeere), var(--durchsichtig) 20%);
  }

  .section.home-02-benefits {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--pfirsich), var(--durchsichtig) 60%);
    margin-top: -49px;
  }

  .section.home-03-hero._100vh.center {
    height: auto;
    min-height: 100vh;
    display: block;
  }

  .section.home-03-hero._100vh.center.newsletter {
    background-image: radial-gradient(circle at 100% 100%, #f8cbcf, #fff0 85%);
  }

  .section.home-03-hero._100vh.center.vh-none {
    background-image: none;
    min-height: auto;
    padding-top: 6rem;
  }

  .section.baby-blue.home-03-intro {
    padding-top: 18px;
  }

  .section.yellow.subscribe {
    padding-bottom: 12px;
  }

  .section.split-founder.impressum {
    margin-top: -6rem;
    padding-top: 6rem;
  }

  .section.overflow-hidden {
    height: auto;
  }

  .section.about-us-02-hero-copy.randlos, .section.about-us-02-hero-copy.randlos.first {
    padding-top: 6rem;
  }

  .section.hero-blog {
    padding-top: 100px;
  }

  .section.bg {
    background-image: none;
    padding-top: 4rem;
  }

  .section.bg.gradient {
    background-image: radial-gradient(circle farthest-corner at 50% 20%, var(--heidelbeere), #fff0 18%);
  }

  .section.bg.gradient.model_1 {
    background-image: radial-gradient(circle farthest-corner at 50% 40%, var(--heidelbeere), #fff0 41%);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .section.slider {
    padding-top: 0;
  }

  .section.hero {
    background-image: radial-gradient(circle farthest-corner at 40% 80%, var(--zitrone), var(--durchsichtig) 24%), radial-gradient(circle farthest-corner at 80% 40%, var(--melisse), var(--durchsichtig) 42%);
    height: auto;
    padding-top: 4rem;
  }

  .section.last {
    padding-bottom: 50vw;
  }

  .section.end {
    padding-top: 4rem;
  }

  .style-guide-h2 {
    font-size: 42px;
  }

  .container.admin-page {
    padding-top: 23px;
    padding-bottom: 103px;
  }

  .container.admin-page.changelog-instructions {
    padding-top: 40px;
    padding-bottom: 121px;
  }

  .container.admin-hero {
    padding-top: 131px;
    padding-bottom: 111px;
  }

  .container.home-01-hero {
    padding-top: 133px;
    padding-bottom: 0;
  }

  .container.home-01-hero._0 {
    height: auto;
    min-height: auto;
    display: block;
  }

  .container.home-01-products {
    padding-top: 41px;
    padding-bottom: 120px;
    padding-left: 2.5rem;
  }

  .container.location-finder {
    background-image: url('../images/Untitled-design---2024-02-13T105930.360.webp');
    background-position: 50% 100%;
    flex-direction: column;
    padding: 452px 0 39px;
  }

  .container.other-benefits {
    padding-bottom: 55px;
  }

  .container.press-testimonial {
    padding-top: 70px;
  }

  .container.founder {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.founder.top-50-x {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
  }

  .container.founder.top-50-x.bottom-0px {
    background-color: #af4b4b00;
  }

  .container.founder.top-50-x.padding-50px {
    background-image: none;
    margin-top: auto;
    padding-top: 0;
  }

  .container.founder.top-50-x.bottom-50vh {
    padding-bottom: 50vh;
  }

  .container.mixes.cms {
    padding-bottom: 130px;
  }

  .container.home-02-hero {
    padding-top: 94px;
  }

  .container.home-02-hero.randlos.top-6rem {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.home-02-benefits {
    padding-bottom: 133px;
  }

  .container.home-02-benefits.produkte {
    padding-bottom: 0;
  }

  .container.home-02-products {
    padding-top: 49px;
    padding-bottom: 104px;
  }

  .container.sampler-pack {
    padding-bottom: 0;
  }

  .container.reviews {
    padding-top: 108px;
    padding-bottom: 144px;
  }

  .container.reviews.product-page {
    padding-top: 57px;
    padding-bottom: 68px;
  }

  .container.home-03-hero {
    height: 100vh;
    min-height: auto;
    max-height: none;
    padding-top: 70px;
    padding-bottom: 0;
  }

  .container.home-03-hero._20vh.bottom {
    min-height: auto;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

  .container.home-03-hero.newsletter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    display: block;
  }

  .container.home-03-hero.no-vh {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
  }

  .container.home-03-intro {
    padding-bottom: 21px;
  }

  .container.home-03-benefits {
    padding-top: 41px;
    padding-bottom: 125px;
  }

  .container.home-03-products {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .container.home-03-reviews {
    padding-bottom: 187px;
  }

  .container.social-media-personalities {
    padding-bottom: 143px;
  }

  .container.about-01-intro {
    padding-bottom: 38px;
  }

  .container.about-us-founders {
    padding-top: 56px;
  }

  .container.about-us-extra-info {
    padding-top: 35px;
    padding-bottom: 500px;
  }

  .container.about-us-extra-info._01 {
    padding-top: 407px;
  }

  .container.about-02-hero {
    padding-bottom: 65px;
  }

  .container.about-02-intro {
    padding-bottom: 0;
  }

  .container.two-founders {
    padding-top: 0;
  }

  .container.dragonfruit-splash {
    padding-top: 99px;
    padding-bottom: 218px;
  }

  .container.about-us-03-quote {
    padding-top: 143px;
    padding-bottom: 140px;
  }

  .container.value-cards {
    padding-top: 61px;
    padding-bottom: 136px;
  }

  .container.about-us-03-two-men {
    padding-top: 105px;
    padding-bottom: 38px;
  }

  .container.product-page-intro {
    padding-top: 90px;
    padding-bottom: 51px;
  }

  .container.cheers-product-image {
    padding-top: 156px;
    padding-bottom: 133px;
  }

  .container.comparison-chart {
    padding-bottom: 91px;
  }

  .container.product-page {
    padding-top: 49px;
    padding-bottom: 104px;
  }

  .container.product-page-explore-flavors {
    padding-top: 68px;
    padding-bottom: 62px;
  }

  .container.faq {
    padding-bottom: 66px;
  }

  .container.all-flavors {
    padding-top: 77px;
    padding-bottom: 136px;
  }

  .container.product-collection-page {
    padding-bottom: 104px;
  }

  .container.mixer-cms-hero {
    padding-top: 107px;
  }

  .container.cms-mixer-intro {
    padding-top: 330px;
  }

  .container.contact-01 {
    padding-top: 125px;
    padding-bottom: 97px;
  }

  .container.contact-01-intro {
    padding-bottom: 115px;
  }

  .container.contact-02 {
    padding-top: 112px;
    padding-bottom: 192px;
  }

  .container.contact-02-intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.contact-03 {
    padding-bottom: 29px;
  }

  .container.footer {
    padding-top: 0;
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .container.search {
    padding-top: 58px;
    padding-bottom: 104px;
  }

  .container.frequently-asked {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.faq-page {
    padding-bottom: 78px;
  }

  .container.style-guide {
    padding-bottom: 100px;
  }

  .container.faq {
    padding-top: 131px;
    padding-bottom: 270px;
  }

  .container.index-hero {
    padding-top: 92px;
    padding-bottom: 0;
  }

  .container.index-bottom {
    padding-top: 40px;
    padding-bottom: 117px;
  }

  .container.index-intro {
    padding-bottom: 0;
  }

  .container.brand-ambassador {
    background-image: url('../images/Untitled-design---2024-02-13T105930.360.webp');
    background-position: 50% 100%;
    flex-direction: column;
    padding: 452px 0 39px;
  }

  .container.brand-ambassador.top {
    padding-top: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.brand-ambassador.top.model_07.last {
    background-position: 80% 100%;
    background-size: auto 50vh;
    padding-top: 0;
    padding-bottom: 50vh;
  }

  .container.brand-ambassador.top._0 {
    background-image: url('../images/nosuga_model-man.webp');
    background-position: 100% 100%;
    background-size: 12rem;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .container.brand-ambassador.top._0.finish {
    background-size: 17rem;
    padding-bottom: 200px;
  }

  .container.overflow.slider {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.overflow.model-01 {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.blog-text {
    background-image: url('../images/Untitled-design---2024-02-13T105930.360.webp');
    background-position: 50% 100%;
    flex-direction: column;
    padding: 452px 0 39px;
  }

  .container.overflow {
    padding-bottom: 38px;
  }

  .container.blog {
    padding-left: 0;
    padding-right: 0;
  }

  .detail-block.medium-paddings.template-tile {
    padding: 16px;
  }

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

  .grid-fourths.colors-grid {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .page-wrapper {
    z-index: 0;
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 33% 15%, var(--pfirsich), #fff0 8%);
    margin-top: 0;
    padding-top: 0;
    position: relative;
  }

  .page-wrapper.color_grade.about {
    background-image: none;
  }

  .page-wrapper.yellow {
    background-color: var(--light-purple);
    background-image: none;
  }

  .text-box.home-01-hero-heading {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-box.home-01-hero-heading.center {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
  }

  .text-box._33rem.auto {
    width: 100%;
    padding-top: 1rem;
  }

  .text-box._33rem._90-mobile-left-aligned {
    max-width: 90%;
    padding-right: 0;
  }

  .text-box._33rem._90-mobile-left-aligned.padding {
    margin-right: 0;
  }

  .text-box._33rem._90-mobile-left-aligned.padding._100 {
    padding-left: 0;
    position: relative;
    left: 1.1rem;
  }

  .text-box._33rem._90-mobile-left-aligned._100 {
    max-width: 100%;
  }

  .text-box._33rem._100-mobile-left-aligned {
    max-width: 100%;
    padding-right: 0;
  }

  .text-box._33rem._100-mobile-left-aligned.padding {
    margin-right: 0;
  }

  .text-box._33rem._100-mobile-left-aligned.padding._100 {
    padding-left: 0;
    position: relative;
    left: 2.6rem;
  }

  .text-box._33rem._100-mobile-left-aligned._100 {
    max-width: 100%;
  }

  .text-box.home-01-intro {
    width: 90%;
  }

  .text-box.medium-width.home-02-intro {
    max-width: 93%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-box.medium-width.about-us-01-extra-info {
    max-width: 100%;
  }

  .text-box.founder {
    max-width: none;
    padding: 0 0;
  }

  .text-box.home-02-hero {
    width: 97%;
  }

  .text-box._25rem.auto.home-03 {
    margin-top: 18px;
  }

  .text-box._25rem._70-mobile {
    max-width: 70%;
  }

  .text-box.center-aligned._93-mobile {
    max-width: 100%;
  }

  .text-box.two-founders {
    max-width: 100%;
    margin-top: 41px;
  }

  .text-box._90-mobile {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-box.mixer-cms, .text-box.mixer-description, .text-box.about-us-01-long-paragraph {
    max-width: 100%;
  }

  .text-box._50rem.auto {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .text-box.mitarbeiter {
    width: 100%;
  }

  .h1-heading.admin {
    font-size: 18svw;
  }

  .h1-heading.white {
    font-size: 5rem;
  }

  .h1-heading.white.smaller {
    font-size: 4rem;
  }

  .h1-heading.white.mixer-cms {
    font-size: 3.5rem;
  }

  .h1-heading.home-01 {
    font-size: 6rem;
  }

  .h1-heading.home-01.untertitel.black {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 3rem;
    line-height: 3rem;
  }

  .h1-heading.about-01-hero {
    font-size: 3rem;
    line-height: 1;
  }

  .h1-heading.about-02-hero, .h1-heading.about-03-hero {
    font-size: 3rem;
  }

  .h1-heading.product-name, .h1-heading.contact.white, .h1-heading.faq.white {
    font-size: 4.5rem;
  }

  .image-wrapper.header-model-01 {
    width: 95%;
  }

  .image-wrapper.leaf {
    width: 11rem;
    max-width: 17rem;
    right: 45%;
  }

  .image-wrapper.keinzucker {
    max-width: 11rem;
    top: 9%;
    right: 21%;
  }

  .image-wrapper.keinzucker.drehen {
    top: 13%;
    right: 10%;
  }

  .image-wrapper.red-splash {
    width: 200px;
    inset: 6% -1% auto auto;
  }

  .image-wrapper.sun-shape {
    width: 400px;
    inset: auto 0% -35% auto;
  }

  .image-wrapper.lime-green-can {
    width: auto;
  }

  .image-wrapper.lime-02 {
    bottom: 8%;
  }

  .image-wrapper.lime-03 {
    width: 3rem;
    inset: 7% 0% auto auto;
  }

  .image-wrapper.product-collection-image.home-02 {
    width: 90%;
  }

  .image-wrapper.product-card-object-01 {
    width: 7rem;
    top: 12%;
    right: 4%;
  }

  .image-wrapper.product-card-object-01.more-left {
    width: 6rem;
    top: 16%;
    right: 7%;
  }

  .image-wrapper.product-card-object-01.blueberry {
    width: 8rem;
  }

  .image-wrapper.product-card-object-01.home-02 {
    right: -8%;
  }

  .image-wrapper.product-card-object-02 {
    width: 7rem;
    left: 4%;
  }

  .image-wrapper.product-card-object-02.lower {
    width: 8rem;
    bottom: 27%;
    left: 2%;
  }

  .image-wrapper.product-card-object-02.lower-and-left {
    width: 8rem;
    bottom: 20%;
    left: 1%;
  }

  .image-wrapper.product-card-object-02.home-02 {
    width: 6rem;
    bottom: 22%;
    left: -6%;
  }

  .image-wrapper.product-card-object-03 {
    width: 9rem;
    top: 41%;
    left: 3%;
  }

  .image-wrapper.product-card-object-03.more-left {
    width: 7rem;
    left: 1%;
  }

  .image-wrapper.product-card-object-03.larger {
    width: 7rem;
    left: -4%;
  }

  .image-wrapper.product-card-object-03.strawberry {
    width: 8rem;
    top: 30%;
    left: -3%;
  }

  .image-wrapper.product-card-object-03.lemon {
    width: 6rem;
    top: 19%;
    left: -10%;
    right: auto;
    transform: rotate(61deg);
  }

  .image-wrapper.product-card-object-03.peach {
    width: 5rem;
    top: 27%;
  }

  .image-wrapper.product-card-object-03.strawberry-home-02 {
    width: 7rem;
    top: 30%;
    left: -13%;
  }

  .image-wrapper.product-card-object-03.peach-home-02, .image-wrapper.product-card-object-03.dragon-home-02, .image-wrapper.product-card-object-03.lime-home-02 {
    width: 7rem;
    top: 30%;
    left: -3%;
  }

  .image-wrapper.product-card-object-03.lemon-home-02 {
    width: 5rem;
    top: 35%;
    left: -5%;
  }

  .image-wrapper.product-card-object-03.blueberry-home-02 {
    width: 7rem;
    top: 30%;
    left: -13%;
  }

  .image-wrapper.best-seller-badge.home-02 {
    right: -4%;
  }

  .image-wrapper.home-01-other-benefits {
    width: 95%;
  }

  .image-wrapper.review-logo {
    width: 55px;
    right: 0%;
  }

  .image-wrapper.review-logo.left {
    width: 55px;
    left: 0%;
  }

  .image-wrapper.location-finder {
    margin-top: 30px;
    margin-bottom: -12px;
    display: block;
  }

  .image-wrapper.peach-flavor-can-with-ingredients {
    width: 95%;
    margin-top: -141px;
    margin-right: -55px;
  }

  .image-wrapper.home-hero-02-object._01 {
    width: 6rem;
  }

  .image-wrapper.home-hero-02-object._01.coming-soon {
    width: 10rem;
    display: block;
    right: 10%;
  }

  .image-wrapper.home-hero-02-object._01.none {
    display: none;
  }

  .image-wrapper.home-hero-02-object._02 {
    width: 4rem;
    bottom: 55%;
    right: -3%;
  }

  .image-wrapper.home-hero-02-object._03 {
    width: 4rem;
    top: 47%;
  }

  .image-wrapper.home-hero-02-object._04 {
    width: 4rem;
    display: none;
    bottom: -30%;
    right: 1%;
  }

  .image-wrapper.home-hero-02-object.orange-cocktail {
    width: 8rem;
    left: 6%;
  }

  .image-wrapper.home-hero-02-object._06 {
    width: 5rem;
    top: 36%;
    left: -6%;
  }

  .image-wrapper.home-hero-02-object._07 {
    width: 6rem;
    bottom: 16%;
    left: -11%;
  }

  .image-wrapper.hand-splash-peach-can._02 {
    width: 50%;
  }

  .image-wrapper.hand-splash-peach-can._01 {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .image-wrapper.splash-can-benefits {
    margin-left: 0;
  }

  .image-wrapper.splash-can-benefits.mobile {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-wrapper.sampler {
    width: 100%;
  }

  .image-wrapper.sample-object-01 {
    width: 4rem;
    top: -60%;
    right: -11%;
  }

  .image-wrapper.sample-object-02 {
    width: 4rem;
    top: -78%;
    left: -9%;
  }

  .image-wrapper.sample-object-03 {
    width: 3rem;
    top: -59%;
  }

  .image-wrapper.founder-object-01 {
    width: 7rem;
    top: 25%;
  }

  .image-wrapper.founder-object-01.none {
    width: 8rem;
    display: none;
    top: 11.7rem;
  }

  .image-wrapper.founder-object-01.drehen {
    display: block;
    top: 5%;
  }

  .image-wrapper.founder-object-01.handy {
    width: 6rem;
    top: 20.7rem;
    left: 4%;
  }

  .image-wrapper.founder-object-01.bubble {
    width: 4rem;
    top: 50%;
    left: 3%;
  }

  .image-wrapper.founder-object-02 {
    width: 6rem;
    bottom: 52%;
  }

  .image-wrapper.assorted-cans {
    transform: scale(2.2);
  }

  .image-wrapper.no-suga.gap.small {
    width: 20%;
  }

  .image-wrapper.board-cocktail {
    position: static;
    bottom: -11%;
  }

  .image-wrapper.lemon-packaging {
    width: 80%;
    margin-bottom: -12px;
  }

  .image-wrapper.subscribe-lemon {
    bottom: -11%;
    left: 10%;
    transform: rotate(26deg);
  }

  .image-wrapper.subscribe-lemon._02 {
    top: -1%;
    right: 8%;
  }

  .image-wrapper.cocktail-lemon {
    width: 12rem;
    bottom: -69%;
    left: 1%;
  }

  .image-wrapper.subscribe-leaf {
    width: 5rem;
    bottom: -90%;
    left: -12%;
  }

  .image-wrapper.subscribe-leaf._02 {
    width: 5rem;
    bottom: -3%;
  }

  .image-wrapper.subscribe-leaf._03 {
    width: 6rem;
    inset: auto auto 122% 5%;
  }

  .image-wrapper.curved-pink-text {
    margin-top: 242px;
  }

  .image-wrapper.about-dragonfruit-can {
    width: 145%;
    margin-top: -75px;
    margin-left: 18px;
  }

  .image-wrapper.pink-cocktail {
    max-width: 95%;
  }

  .image-wrapper.founders {
    margin-top: 61px;
  }

  .image-wrapper.about-us-extra-info-1 {
    max-width: 55%;
    top: 11%;
  }

  .image-wrapper.about-us-extra-info-2 {
    max-width: 42%;
  }

  .image-wrapper.about-us-extra-info-3 {
    max-width: 45%;
    bottom: 20%;
    right: -16%;
    transform: rotate(20deg);
  }

  .image-wrapper.about-us-extra-info-4 {
    max-width: 65%;
  }

  .image-wrapper.lime-04 {
    top: -22%;
  }

  .image-wrapper.leaf-02 {
    bottom: -81%;
    left: -14%;
  }

  .image-wrapper.lemon {
    width: 4rem;
    inset: auto -8% 7% auto;
  }

  .image-wrapper.strawberry-02 {
    width: 5rem;
    top: -135%;
    right: 6%;
  }

  .image-wrapper.lineup {
    margin-top: 114px;
    transform: none;
  }

  .image-wrapper.lime-04 {
    inset: auto auto -9% 46%;
  }

  .image-wrapper.grapefruit {
    top: -8%;
    left: 23%;
  }

  .image-wrapper.leaf-05 {
    width: 5rem;
    top: -26%;
    right: -13%;
  }

  .image-wrapper.strawberry-03 {
    width: 3rem;
    bottom: 20%;
    right: 3%;
  }

  .image-wrapper.leaf-03 {
    bottom: -23%;
    left: -3%;
  }

  .image-wrapper.about-us-extra-info-5 {
    max-width: 55%;
    inset: auto auto 6% 0%;
    transform: rotate(-9deg);
  }

  .image-wrapper.about-us-extra-info-6 {
    max-width: 50%;
    inset: auto 5% 14% auto;
    transform: rotate(20deg);
  }

  .image-wrapper.woman-drinking {
    height: 50rem;
  }

  .image-wrapper.lime-6 {
    width: 5rem;
    top: -40%;
    right: 0%;
  }

  .image-wrapper.beach-with-cans {
    width: 96%;
    margin-top: 31px;
  }

  .image-wrapper.grapefruit-02 {
    width: 5.5rem;
    top: -32%;
  }

  .image-wrapper.watermelon {
    width: 4rem;
    display: none;
    inset: auto auto 0% 0%;
  }

  .image-wrapper.leaf-06 {
    inset: auto auto -61% -25%;
  }

  .image-wrapper.leaf-07 {
    bottom: -81%;
    left: -14%;
  }

  .image-wrapper.strawberry-03 {
    width: 5rem;
    inset: auto 9% -21% auto;
  }

  .image-wrapper.lemon-03 {
    width: 4rem;
    inset: auto 45% -29% auto;
  }

  .image-wrapper.beet {
    width: 5rem;
    inset: auto 26% 2% auto;
  }

  .image-wrapper.dragonfruit-03 {
    width: 7rem;
    inset: 0% auto auto 6%;
  }

  .image-wrapper.lemon-07 {
    top: -22%;
  }

  .image-wrapper.leaf-08 {
    display: none;
    inset: -4% auto auto -12%;
  }

  .image-wrapper.leaf-09 {
    inset: auto 56% 1% auto;
  }

  .image-wrapper.leaf-10 {
    bottom: -81%;
    left: -14%;
  }

  .image-wrapper.cocktail-dragon {
    width: 9rem;
    bottom: -69%;
    left: -6%;
  }

  .image-wrapper.dragonfruit-can-splash {
    margin-bottom: 39px;
  }

  .image-wrapper.lime-8 {
    width: 5.5rem;
    top: -35%;
    right: -1%;
  }

  .image-wrapper.leaf-11 {
    bottom: -81%;
    left: -25%;
  }

  .image-wrapper.product-page-ingredient-image-1 {
    width: 5rem;
    top: -1%;
  }

  .image-wrapper.product-page-ingredient-image-3 {
    width: 5rem;
    inset: auto 28% 0% auto;
  }

  .image-wrapper.review-thumbnail-image.product-detail {
    width: 9rem;
  }

  .image-wrapper.other-flavor {
    width: 100%;
  }

  .image-wrapper.mixer-hero-image {
    width: 98%;
    margin-bottom: -384px;
  }

  .image-wrapper.license {
    width: 100px;
    height: 100px;
  }

  .image-wrapper.model {
    background-image: url('../images/rotes-model-mit-orangen.webp');
    background-position: 50%;
    height: 10rem;
  }

  .image-wrapper.model._02 {
    background-position: 50%;
    height: 18rem;
    margin-left: auto;
  }

  .image-wrapper.model._01 {
    height: 15rem;
    margin-top: 0;
  }

  .image-wrapper.model._04 {
    height: 20rem;
  }

  .image-wrapper.model._05 {
    height: 16rem;
    margin-left: auto;
  }

  .image-wrapper.founder {
    background-image: url('../images/founder_1founder.webp');
    background-position: 50%;
    height: 25rem;
  }

  .image-wrapper.gr-nder {
    background-image: url('../images/Gründerfoto.webp');
    background-position: 50%;
    height: 12rem;
    margin-top: 0;
    padding-top: 0;
  }

  .image-wrapper.gr-nder.hochformat.grid._2 {
    width: 80%;
    min-width: auto;
    height: 10rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .image-wrapper.gr-nder.hochformat.grid._3 {
    width: 80%;
    min-width: auto;
    height: 10rem;
  }

  .image-wrapper.gr-nder.hochformat.grid._1 {
    width: 100%;
    min-width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .image-wrapper.fragezeichen_1, .image-wrapper.fragezeichen_2 {
    display: none;
  }

  .image-wrapper.kein-zucker {
    width: 11rem;
    max-width: 17rem;
    right: 45%;
  }

  .image-wrapper.das-sind-wir {
    max-width: 11rem;
    top: 9%;
    right: 21%;
  }

  .image-wrapper.das-sind-wir.drehen {
    max-width: none;
    height: 40px;
    inset: .5rem auto auto 10px;
  }

  .image-wrapper.blumig {
    max-width: 11rem;
    top: 9%;
    right: 21%;
  }

  .image-wrapper.blumig.drehen {
    width: 8rem;
    max-width: 11rem;
    top: -3.4rem;
    right: -1.9rem;
  }

  .image-wrapper.beerig {
    max-width: 11rem;
    top: 9%;
    right: 21%;
  }

  .image-wrapper.beerig.drehen {
    top: -4.1rem;
    left: -1.5rem;
  }

  .image-wrapper.produkt {
    background-image: url('../images/2025_nosuga_produkt037.webp');
    background-position: 50%;
    height: 10rem;
  }

  .image-wrapper.produkt._02 {
    background-position: 50%;
    height: 18rem;
    margin-left: auto;
  }

  .image-wrapper.produkt._01 {
    height: 15rem;
    margin-top: 0;
  }

  .image-wrapper.produkt._04 {
    height: 20rem;
  }

  .image-wrapper.produkt._05 {
    height: 16rem;
    margin-left: auto;
  }

  .image-wrapper.zitrone {
    max-width: 11rem;
    top: 9%;
    right: 21%;
  }

  .image-wrapper.zitrone.drehen {
    top: -6.4rem;
    left: 6.4rem;
  }

  .image-wrapper.betty {
    background-image: url('../images/nosuga_model-liegend.webp');
    background-position: 50%;
    height: 12rem;
    margin-top: 0;
    padding-top: 0;
  }

  .image-wrapper.betty.hochformat.grid._2 {
    width: 80%;
    min-width: auto;
    height: 10rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .image-wrapper.betty.hochformat.grid._3 {
    width: 80%;
    min-width: auto;
    height: 10rem;
  }

  .image-wrapper.betty.hochformat.grid._1 {
    width: 100%;
    min-width: auto;
    height: auto;
    padding-bottom: 0;
  }

  .content-image._100-width-height {
    width: 70%;
  }

  .content-image._100-width-height.benefits-shot-02 {
    display: none;
  }

  .content-image._100-width-height.benefits-shot-03, .content-image._100-width-height.display-none-desktop-laptop-tablet-large-mobile {
    display: block;
  }

  .content-image._100-width-height.line-up {
    margin-bottom: -23px;
    display: block;
    transform: scale(1.5)rotate(20deg);
  }

  .content-image._100-width-height.cheers-product-page-02 {
    margin-left: 33px;
    transform: scale(1.4);
  }

  .content-image._100-width-height.cheers-product-page-01 {
    margin-left: -33px;
    transform: scale(1.4);
  }

  .content-image._100-width-height.sayian-scroll-text-02 {
    margin-top: -10px;
  }

  .content-image._100-width-height.two-founders-girl-boy {
    transform: scale(1.5);
  }

  .content-image._100-width-height.display-none-desktop-laptop-tablet-large-mobile {
    display: block;
  }

  .content-image._100-width-height.display-none-small-mobile {
    display: none;
  }

  .content-image._100-width-height {
    width: 100%;
    height: auto;
  }

  .content-image._80-width-height-copy {
    width: 70%;
  }

  .content-image._80-width-height-copy.cover {
    vertical-align: baseline;
    width: 80%;
  }

  .content-image._80-width-height-copy.benefits-shot-02 {
    display: none;
  }

  .content-image._80-width-height-copy.benefits-shot-03, .content-image._80-width-height-copy.display-none-desktop-laptop-tablet-large-mobile {
    display: block;
  }

  .content-image._80-width-height-copy.display-none-small-mobile {
    display: none;
  }

  .content-image._80-width-height-copy.line-up {
    margin-bottom: -23px;
    display: block;
    transform: scale(1.5)rotate(20deg);
  }

  .content-image._80-width-height-copy.cheers-product-page-02 {
    margin-left: 33px;
    transform: scale(1.4);
  }

  .content-image._80-width-height-copy.cheers-product-page-01 {
    margin-left: -33px;
    transform: scale(1.4);
  }

  .content-image._80-width-height-copy.sayian-scroll-text-02 {
    margin-top: -10px;
  }

  .content-image._80-width-height-copy.two-founders-girl-boy {
    transform: scale(1.5);
  }

  .bubbles-video.product-page.lower-opacity {
    opacity: .18;
  }

  .heading-grid.home-01-hero {
    grid-row-gap: 0px;
  }

  .heading-grid.one-column {
    grid-template-columns: 1fr;
  }

  .heading-grid.home-03-hero {
    grid-row-gap: 44px;
    grid-row-gap: 44px;
    height: 100%;
    display: block;
  }

  .heading-grid.home-01-hero-copy {
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .image-container.home-01-hero-drink-can {
    padding-top: 0;
  }

  .image-container.home-02-peach-can-hero {
    padding-top: 52px;
  }

  .h2-heading {
    font-size: 3.5rem;
  }

  .h2-heading.white.smaller {
    font-size: 3rem;
  }

  .h2-heading.black {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 3rem;
    line-height: 3rem;
  }

  .h2-heading.black.smaller {
    font-size: 3rem;
  }

  .h2-heading.black.produkt {
    font-size: 3rem;
    line-height: 3rem;
  }

  .h2-heading.black.bottom-0px {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 3rem;
    line-height: 3rem;
    overflow: visible;
  }

  .h2-heading.black.bottom-0px.orange {
    line-height: 3rem;
  }

  .h2-heading.black.ol {
    line-height: 2rem;
  }

  .h2-heading.black.ol.big {
    line-height: 2.5rem;
  }

  .flower-icon {
    width: 55px;
    top: -16%;
    left: -3%;
    transform: rotate(18deg);
  }

  .flower-icon.megaphon {
    width: 70px;
    top: 5%;
    left: 8%;
    transform: rotate(-1deg);
  }

  .flower-icon.receicl {
    width: 15vw;
    top: 2%;
  }

  .paragraph.black.founder-bio {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .paragraph.black.big {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.1;
  }

  .paragraph.black {
    font-size: 1rem;
  }

  .paragraph.black.center {
    text-transform: none;
    margin-right: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
  }

  .paragraph.black.small {
    font-size: .6rem;
  }

  .paragraph.black.small.kleingedruckt {
    line-height: .6rem;
  }

  .paragraph.darker-teal.no-margin.center {
    font-size: .8rem;
  }

  .button {
    letter-spacing: .1px;
  }

  .button.product-collection-button {
    flex: none;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.2rem;
  }

  .button.peach {
    flex: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.peach.product-collection {
    padding-left: 24px;
    padding-right: 27px;
    font-size: 1.2rem;
  }

  .button.strawberry {
    flex: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.strawberry.product-collection {
    padding-left: 27px;
    padding-right: 27px;
    font-size: 1.2rem;
  }

  .button.dragonfruit {
    flex: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.dragonfruit.product-collection {
    padding-left: 27px;
    padding-right: 27px;
    font-size: 1.2rem;
  }

  .button.lime-green {
    flex: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.lime-green.product-collection {
    padding-left: 27px;
    padding-right: 27px;
    font-size: 1.2rem;
  }

  .button.blueberry {
    flex: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.blueberry.product-collection {
    padding-left: 27px;
    padding-right: 27px;
    font-size: 1.2rem;
  }

  .button.lemon {
    flex: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .button.lemon.product-collection {
    padding-left: 27px;
    padding-right: 27px;
    font-size: 1.2rem;
  }

  .button.yellow {
    background-color: #f8cbcf00;
  }

  .button.yellow:hover {
    text-decoration: underline;
  }

  .content-grid.pink-cocktail {
    margin-top: 38px;
  }

  .benefits-image-wrapper._01 {
    width: 6rem;
    left: 0%;
  }

  .benefits-image-wrapper._02 {
    width: 6rem;
    right: 4%;
  }

  .benefits-image-wrapper._03 {
    width: 6rem;
    left: 8%;
  }

  .benefits-image-wrapper._04 {
    width: 6rem;
    right: 6%;
  }

  .slider_mask {
    max-width: 65%;
  }

  .slider_mask.best-sellers, .slider_mask.mixes {
    max-width: 95%;
  }

  .slider.best-sellers {
    margin-top: 169px;
  }

  .slider.mixes {
    margin-top: 158px;
  }

  .collection-list.categories {
    grid-row-gap: 17px;
    grid-template-columns: 1fr 1fr;
  }

  .left-slide-arrow.mixes {
    margin-right: 83px;
  }

  .product-slide {
    margin-right: 1rem;
  }

  .h3-heading.benefit-title {
    font-size: 1.8rem;
  }

  .h3-heading.smaller.black.ds {
    letter-spacing: 0;
    font-size: 1.5rem;
  }

  .location-logo-grid {
    grid-template-columns: 1fr 1fr;
  }

  .location-logo-grid.second {
    display: none;
  }

  .location-logo-image-wrapper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .location-logo-grid-container {
    width: 100%;
  }

  .lottie-animation-wrapper.wave.general {
    inset: auto 0% -1.1%;
  }

  .lottie-animation-wrapper.wave.mixer-cms {
    bottom: -2.7%;
  }

  .lottie-animation-wrapper.wave.contact-us-02 {
    inset: auto 0% -.9%;
  }

  .lottie-animation-wrapper.wave.contact {
    bottom: -2%;
  }

  .lottie-animation-wrapper.wave.bottom-footer {
    inset: auto 0% -.6%;
  }

  .lottie-animation-wrapper.wave.all-flavors {
    inset: auto 0% 4%;
  }

  .lottie-animation-wrapper.wave.changelog {
    inset: auto 0% -9%;
  }

  .lottie-animation-wrapper.wave.instruction-changelog {
    inset: auto 0% -1.6%;
  }

  .lottie-animation-wrapper.wave.style-guide {
    inset: auto 0% -.6%;
  }

  .other-benefits-grid {
    grid-row-gap: 27px;
    grid-template-columns: 1fr;
  }

  .icon-container.other-benefit {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex;
    position: relative;
  }

  .other-benefits-icon-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .quation-image {
    top: -65.3281px;
  }

  .review-logo-tab-container {
    margin-top: 126px;
  }

  .review-icons-grid {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .review-logo-wrapper {
    min-width: auto;
    max-width: none;
  }

  .review-logo-text {
    font-size: 2rem;
  }

  .review-box-wrapper {
    width: 100%;
  }

  .review-grid {
    grid-row-gap: 106px;
    margin-top: 105px;
  }

  .text-block.review-text.larger {
    font-size: 1rem;
  }

  .text-block.other-flavor {
    font-size: 1.1rem;
  }

  .text-block.category-title {
    font-size: 1.7rem;
  }

  .text-block.caps.form-success-error {
    text-transform: capitalize;
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.1;
  }

  .reviewer-name {
    font-size: 1.3rem;
  }

  .sub-heading.story {
    font-size: 1.6rem;
  }

  .sub-heading.small {
    width: 100%;
  }

  .sub-heading.small.abstand, .sub-heading.small.kein-abstand {
    padding-bottom: 1.5rem;
  }

  ._w-slide {
    margin-right: 1rem;
  }

  .mixer-info-card-wrapper {
    height: 27rem;
  }

  .text-box-wave-background {
    width: 350%;
    margin-bottom: -29px;
    margin-left: -119px;
  }

  .mix-name {
    letter-spacing: 0;
    font-size: 1.5rem;
  }

  .right-arrow {
    width: 33px;
    height: 33px;
  }

  .home-02-benefits-grid {
    flex-direction: column;
    margin-top: 33px;
    display: flex;
  }

  .product-grid._3-column {
    margin-top: 64px;
  }

  .product-grid._3-column.product-page {
    margin-top: 53px;
  }

  .product-grid-wrapper {
    width: 100%;
  }

  .content-wrapper.sticky-reviews {
    flex-direction: column;
    display: flex;
  }

  .review-box-container.home-02, .review-box-container.product-page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .home-03-reviews-grid {
    grid-template-columns: 1fr;
  }

  .subscribe-icon-grid {
    grid-template-columns: 1fr 1fr;
  }

  .subscribe-content-grid._02 {
    margin-top: 0;
  }

  .social-media-account-content-wrapper {
    justify-content: flex-start;
  }

  .social-media-iphone-video-wrapper {
    width: 85%;
  }

  .social-media-videos-wrapper {
    margin-top: 163px;
  }

  .about-01-facts {
    padding-left: 13px;
  }

  .about-01-facts-icons-grid {
    grid-template-columns: 1fr;
  }

  .fact-icon {
    width: 35px;
    height: 35px;
  }

  .employee-card-wrapper._01 {
    height: 25rem;
  }

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

  .team-grid-wrapper.team, .team-grid-wrapper.model_shooting {
    margin-top: 3rem;
  }

  .fact-icon-container.about-us-02 {
    margin-left: auto;
    margin-right: auto;
  }

  .circle-bubble._01 {
    top: -20%;
    bottom: 0;
    left: 15%;
  }

  .circle-bubble._02 {
    width: 2rem;
    height: 2rem;
    top: -17%;
    left: 0%;
  }

  .circle-bubble._03 {
    width: 1.5rem;
    height: 1.5rem;
    inset: auto 0% -4% auto;
  }

  .circle-bubble._06 {
    inset: auto auto -11% -15%;
  }

  .circle-bubble._07 {
    inset: auto auto -13% 0%;
  }

  .circle-bubble._08 {
    display: none;
  }

  .circle-bubble._09 {
    width: 2.2rem;
    height: 2.2rem;
    display: none;
    top: 10%;
    left: 17%;
  }

  .circle-bubble._11 {
    width: 1.8rem;
    height: 1.8rem;
    bottom: 0%;
  }

  .circle-bubble._12 {
    bottom: 6%;
  }

  .circle-bubble._15 {
    width: 1.2rem;
    height: 1.2rem;
    top: -8%;
    right: 34%;
  }

  .circle-bubble._16 {
    width: 1.7rem;
    height: 1.7rem;
  }

  .circle-bubble._17 {
    display: none;
  }

  .circle-bubble._19 {
    top: 23%;
    left: 21%;
  }

  .circle-bubble._20 {
    width: 1.1rem;
    height: 1.1rem;
  }

  .circle-bubble.product-page-01 {
    width: 1.8rem;
    height: 1.8rem;
    inset: -61% auto auto 4%;
  }

  .circle-bubble.product-page-02 {
    width: 1.6rem;
    height: 1.6rem;
    inset: auto auto -40% 18%;
  }

  .circle-bubble.product-page-03 {
    top: -25%;
    right: -2%;
  }

  .circle-bubble.product-page-04 {
    top: -49%;
    right: 8%;
  }

  .circle-bubble.product-page-05 {
    margin-right: -42px;
    top: -70%;
  }

  .circle-bubble.product-page-06 {
    width: 1.5rem;
    height: 1.5rem;
    inset: auto 0% -4% auto;
  }

  .circle-bubble.product-page-07 {
    width: 1.5rem;
    height: 1.5rem;
    display: none;
  }

  .circle-bubble.product-page-11 {
    width: 1.5rem;
    height: 1.5rem;
    top: 15%;
    right: 0%;
  }

  .circle-bubble.product-page-12 {
    inset: auto 0% -4% auto;
    width: 1.5rem;
    height: 1.5rem;
    inset: auto 0% -4% auto;
  }

  .circle-bubble.product-page-13 {
    width: 1.5rem;
    height: 1.5rem;
    inset: auto 0% -4% auto;
  }

  .circle-bubble.product-page-14 {
    width: 1.1rem;
    height: 1.1rem;
    top: 14%;
    left: 2%;
  }

  .circle-bubble.product-page-15 {
    width: 1.5rem;
    height: 1.5rem;
    top: 9%;
    left: 10%;
  }

  .circle-bubble.product-page-19 {
    width: 1.5rem;
    height: 1.5rem;
    display: none;
    inset: auto 0% 0% auto;
  }

  .circle-bubble.product-page-20 {
    width: 1.1rem;
    height: 1.1rem;
    inset: 34% 11% auto auto;
  }

  .circle-bubble.product-page-21 {
    width: 1.5rem;
    height: 1.5rem;
    inset: auto 0% -4% auto;
  }

  .circle-bubble.product-page-22 {
    width: 1.4rem;
    height: 1.4rem;
    inset: 36% auto auto 10%;
  }

  .circle-bubble.product-page-25 {
    inset: auto 20% -42% auto;
  }

  .about-02-facts-icons-grid {
    grid-row-gap: 14px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .split-founders {
    grid-row-gap: 35px;
    grid-template-columns: 1fr;
  }

  .stat-numbers-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .stat-number-block-wrapper {
    border-right-style: none;
  }

  .number-stat-text {
    font-size: 3rem;
  }

  .value-card {
    padding: 1rem;
  }

  .inner-value-card-grid {
    grid-template-columns: 1fr;
  }

  .product-thumbnails-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 16px;
    flex: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    display: flex;
  }

  .listing-detail-main-images-wrapper {
    align-items: center;
    height: auto;
    padding-top: 234px;
    padding-bottom: 371px;
  }

  .product-content-image {
    width: 17rem;
    margin-top: 0;
  }

  .product-detail-hero-grid {
    flex-direction: column-reverse;
    display: flex;
  }

  .product-thumbnails-container {
    justify-content: flex-start;
    margin-left: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 25px;
    overflow: auto;
  }

  .white-star-object-wrapper {
    top: -21%;
  }

  .white-star-object-image {
    flex: none;
  }

  .price-content-container {
    flex-wrap: wrap;
  }

  .product-price {
    font-size: 1em;
  }

  .scroll-to-review {
    width: 100%;
  }

  .product-description-text-box {
    max-width: 95%;
  }

  .quantity-number {
    width: 40px;
  }

  .product-page-tabs-menu {
    width: 100%;
    padding: 0;
  }

  .product-page-tabs {
    width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
  }

  .tab-text-block.product-page {
    flex: none;
  }

  .nutrition-label-container {
    margin-top: 32px;
  }

  .product-page-benefits-grid {
    grid-template-columns: 1fr 1fr;
  }

  .comparison-logo-image {
    width: 55px;
  }

  .comparison-grid-block.bottom-line, .comparison-grid-block.bottom-line.no-bottom, .comparison-grid-block.bottom-line.display-none-mobile, .comparison-grid-block.display-none-mobile {
    display: none;
  }

  .compare-grid {
    grid-template-rows: auto 4.9rem 4.9rem 4.9rem 4.9rem;
    grid-template-columns: .75fr 1fr 1fr 1fr;
  }

  .compare-title {
    padding-right: 10px;
    font-size: 1.2rem;
  }

  .comparison-grid-wrapper {
    margin-top: 65px;
  }

  .comparison-logo-image-wrapper {
    padding-bottom: 20px;
  }

  .comparison-logo-image-wrapper.display-none-mobile {
    display: none;
  }

  .marquee-horizontal-wrapper.product-page.reviews {
    margin-top: 26px;
  }

  .marquee-review-wrapper {
    width: 18rem;
  }

  .marquee-horizontal-panel-slow.product {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .marquee-review-container {
    padding-bottom: 13px;
  }

  .other-flavors-grid {
    flex: none;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .accordion-title-wrapper.darker-teal.center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 100% 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    padding: .4rem 1rem;
    display: flex;
    position: relative;
  }

  .faq-accordion-items-container {
    width: 100%;
    margin-bottom: 0;
  }

  .faq-arrow.white {
    justify-content: flex-end;
    align-items: center;
    width: auto;
    height: auto;
  }

  .faq-icon-circle.subscribe-save {
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    height: 100%;
    min-height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .faq-icon-circle.subscribe-save.none {
    display: none;
  }

  .faq-accordion-title {
    text-align: center;
    width: auto;
    padding-right: 0;
    font-size: 1.2rem;
  }

  .faq-content-wrapper {
    padding-bottom: .8rem;
  }

  .faq-content {
    padding-top: 1rem;
  }

  ._2-column-faq-grid {
    max-width: 95%;
  }

  ._2-column-faq-grid.contact-us, ._2-column-faq-grid.faq-page {
    max-width: 100%;
  }

  .cheers-image-grid {
    padding-top: 12px;
    padding-bottom: 42px;
  }

  .collection-hero-flexbox {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .mixer-body-grid {
    margin-top: 52px;
  }

  .form-email {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .form-email._0px._100 {
    border-right-style: none;
  }

  .contact-form-block.abo {
    max-width: none;
  }

  .form-input-wrapper.first-name-last-name {
    flex-direction: column;
  }

  .contact-button {
    width: 240px;
  }

  .contact-button._30 {
    background-color: #f7f4f100;
    border-style: solid solid solid none;
    border-width: 2px;
    font-size: 1rem;
  }

  .animation-container.homepage-01-products-collection {
    margin-left: -1.5rem;
  }

  .animation-container._90-mobile {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .first-name {
    width: 100%;
    margin-bottom: 25px;
  }

  .contact-us-01-content-grid {
    grid-row-gap: 3vh;
  }

  .success-message {
    width: 250px;
  }

  .contact-form.abo {
    grid-template-columns: 1.75fr .25fr;
  }

  .last-name {
    width: 100%;
  }

  .form-input.email {
    border-style: solid;
    border-width: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .form-input.trop-down {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .contact-us-02-content-grid {
    grid-row-gap: 3vh;
  }

  .contact-form-map-container {
    flex-direction: column-reverse;
    padding: 32px 24px 24px;
  }

  .cart-list {
    padding-left: .75em;
    padding-right: .75em;
  }

  .cart-checkout-button {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .cart-footer {
    padding-left: .75em;
    padding-right: .75em;
  }

  .cart-quantity-number {
    width: 32px;
    height: 32px;
    margin-right: 1em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cart-price {
    padding-top: 8px;
    font-size: .875em;
  }

  .cart-icon {
    width: 30px;
  }

  .cart-heading {
    font-size: 2.4rem;
  }

  .cart-heading.black {
    font-size: 1rem;
    line-height: 1rem;
  }

  .cart-quantity {
    width: 20px;
    height: 20px;
  }

  .cart-quantity.orange, .cart-quantity.red, .cart-quantity.teal, .cart-quantity.pink {
    font-size: .9em;
    right: -27%;
  }

  .menu-button {
    margin-left: .6em;
  }

  .menu-button.orange {
    z-index: 5;
  }

  .menu-button.orange.none {
    display: none;
  }

  .small-link {
    font-size: .875em;
  }

  .cart-product-name {
    margin-bottom: 15px;
    font-size: 1.1rem;
  }

  .cart-product-info {
    margin-left: 15px;
    margin-right: 8px;
  }

  .cart-header {
    padding-left: .75em;
    padding-right: .75em;
  }

  .cart-wrapper {
    z-index: 2147483647;
  }

  .navigation-link-text.underline {
    text-align: left;
  }

  .navigation-link-text.underline.right {
    text-align: right;
  }

  .subtotal-text {
    font-size: 1em;
  }

  .footer-bottom-wrapper {
    display: none;
  }

  .bottom-footer-menu {
    flex-direction: column;
    width: 100%;
  }

  .bottom-footer-text-block {
    text-align: center;
    flex: 1;
    justify-content: center;
  }

  .footer-link-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 0;
  }

  .footer-link-grid.with-wave {
    margin-top: 31px;
  }

  .nav-menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff0;
    background-clip: border-box;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 100vh;
    display: block;
  }

  .nav-menu.rechts {
    width: 100%;
    height: auto;
    display: block;
  }

  .nav-menu.links {
    background-color: #f6f1f600;
    width: 100%;
    height: auto;
    display: block;
  }

  .toggle.pink {
    color: var(--black);
  }

  .header-nav-container {
    z-index: 0;
    border-radius: 0;
    max-width: 1500px;
    margin-top: 0;
    margin-left: auto;
    padding: 5px 5vw 6px;
    display: block;
  }

  .brand-logo {
    width: 80px;
  }

  .list-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .navigation-right-block {
    background-color: #c3ddae00;
    justify-content: space-between;
    padding-left: 0;
    display: block;
  }

  .navigation-right-block.mobil-tablet {
    display: none;
  }

  .header-nav {
    z-index: 1;
    background-color: var(--light-purple);
    width: 100%;
    height: 60px;
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .nav-column {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-flavor-name {
    font-size: 1.2rem;
  }

  .navigation-middle-block {
    display: block;
  }

  .navigation-left-block {
    background-color: #dce28200;
    flex: 1;
    height: auto;
    display: block;
    position: absolute;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: hidden;
  }

  .nav-background {
    background-color: var(--light-purple);
    border-radius: 0;
    height: 4rem;
    display: block;
    position: absolute;
    bottom: 0%;
  }

  .nav-background.nav-tablet-dropdown {
    z-index: -10;
    background-color: var(--white);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--pfirsich), #ffffff4f), radial-gradient(circle farthest-corner at 100% 0%, var(--melisse), #fff0 33%);
    border: 1px #000;
    border-radius: 0;
    height: auto;
    display: block;
    top: 0%;
  }

  .menu-icon {
    color: var(--black);
  }

  .nav-text-links-container.flexbox {
    z-index: 20;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: #f6f1f600;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-top: 0%;
    display: block;
    position: relative;
    top: auto;
    overflow: hidden;
  }

  .secondary-cart-icon {
    width: 35px;
    top: 17%;
    right: 6%;
  }

  .checkout-button {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .search-h1 {
    font-size: 4rem;
  }

  .search-page-button {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  ._404-number-hero-heading {
    font-size: 49vw;
    line-height: 100%;
  }

  .password-h1 {
    margin-top: 0;
  }

  .admin-content-wrapper.even-padding {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .admin-sub-page-h2-heading {
    font-size: 3.5rem;
  }

  .admin-sub-page-h2-heading.admin {
    font-size: 2.2rem;
  }

  .license-images-container {
    grid-column-gap: 19px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .licenses-link-container {
    flex-direction: column;
  }

  .overflow-hidden {
    margin-bottom: .8rem;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
    bottom: auto;
  }

  .overflow-hidden.product-page-thumbnails {
    flex: none;
  }

  .overflow-hidden.center.grid {
    display: block;
  }

  .overflow-hidden.center.grid._80 {
    width: 80%;
  }

  .overflow-hidden.center.grid.profil {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
    overflow: hidden;
  }

  .overflow-hidden.center.gr-nder {
    padding-top: 5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .overflow-hidden.bild_inhalt.left {
    padding-left: 10%;
    padding-right: 10%;
  }

  .overflow-hidden.rand-10 {
    padding-right: 10%;
  }

  .overflow-hidden.rand-10.mitarbeiter {
    margin-bottom: 0;
  }

  .heading-reveal-animation {
    padding-bottom: 0;
    font-size: 1rem;
  }

  .heading-reveal-animation.dreher {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .background-overlay.go-sayian {
    background-color: #51cfff;
  }

  .background-overlay.about-us-02-hero {
    background-image: linear-gradient(#68c9fe, #69bbff 70%);
  }

  .password-lock-image-wrapper {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .password-button {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .bottom-index-card-title {
    font-size: 2.5rem;
  }

  .mockup-link-block-wrapper {
    width: 23rem;
    margin-left: 8px;
    margin-right: 8px;
  }

  .main-index-grid {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    align-content: space-between;
  }

  .index-cta.main {
    width: 100%;
  }

  .man-index-whats-included-grid._5-8rem-margin-bottom {
    margin-bottom: 2.3rem;
  }

  .site-preview-background-video-wrapper.main-index {
    display: none;
  }

  .card-index.video {
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
  }

  .mockup-link-block-image.hero {
    height: 19rem;
  }

  .display-stat-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .mockup-link-block {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .index-h2-heading {
    font-size: 2.6rem;
  }

  .index-h1-heading {
    font-size: 3.5rem;
  }

  .index-vimeo-video {
    height: 100%;
    display: block;
  }

  .top-main-index-mockups {
    margin-top: 5rem;
    margin-bottom: 16px;
  }

  .button-contaner.horizontal-desktop.center-aligned {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .comming-soon.product-page-thumbnails {
    flex: none;
  }

  .input-large {
    min-width: 100px;
  }

  .subheader {
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    font-weight: 400;
  }

  .h1 {
    font-size: 38px;
  }

  .checkbox-field, .checkbox {
    color: #fff;
  }

  .code-embed {
    display: block;
  }

  .footer-flexbox {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .nav-text-rechts-container.flex {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .nav-text-rechts.black {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 3rem;
    display: block;
  }

  .nav-text-links.black {
    text-align: center;
    padding: 10px 0;
    font-size: 3rem;
  }

  .nav-text-links.black.none {
    display: none;
  }

  .nav-text-links.black.mobil {
    display: block;
  }

  .header {
    width: auto;
    font-size: 2rem;
    line-height: 2rem;
    top: 100%;
  }

  .sq-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-wrap {
    padding-top: 100px;
    padding-right: 13px;
  }

  .slider-wrap.trislider {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin-left: auto;
    padding: 37px 20px;
    display: flex;
    overflow: hidden;
  }

  .client-cube {
    flex: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .client-cube.produkt {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-nav {
    opacity: .16;
    position: relative;
  }

  .right-arrow-wrap {
    justify-content: flex-end;
    align-items: center;
    height: 4rem;
    display: flex;
    inset: 60% 20px 0% auto;
  }

  .resource-wrap {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 88vh;
    padding-top: 0;
  }

  .client-slider-panel {
    width: 100%;
    margin-right: 0;
    left: auto;
  }

  .client-slider-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    width: 100vw;
    margin-top: 20px;
    display: flex;
  }

  .client-slider-mask {
    width: 44%;
  }

  .direction-icon.right {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    position: relative;
    left: auto;
  }

  .direction-icon.right.none {
    width: 100%;
    height: 30px;
    display: block;
  }

  .direction-icon.left {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin-top: 0;
    position: relative;
    right: 0;
  }

  .direction-icon.left.blog.none {
    width: 100%;
    height: 30px;
    display: block;
    overflow: visible;
  }

  .direction-icon.right {
    margin-top: 0;
    margin-right: 0;
    position: relative;
    left: 0;
  }

  .direction-icon.left {
    margin-top: 0;
    position: relative;
    right: 0;
  }

  .left-arrow-wrap {
    align-items: center;
    height: 4rem;
    margin-left: 0;
    padding-left: 0;
    display: flex;
    top: 60%;
    bottom: 0;
    left: 20px;
  }

  .pfeil-position {
    flex-flow: row;
    flex: 0 auto;
    height: auto;
    display: inline-flex;
    bottom: -76%;
  }

  .bmnb, .bmnb.produkt {
    display: flex;
  }

  .website-panel.trislider {
    padding-right: 0;
    top: -10vh;
  }

  .slider-wrapper {
    margin-top: 10px;
  }

  .content-wrapper-2 {
    height: 600px;
  }

  .slider-2 {
    height: 90vw;
  }

  .card-header-figure {
    padding-top: 100%;
  }

  .section-spacing.banner {
    padding-bottom: 4rem;
  }

  .card-header-content {
    bottom: .625rem;
    left: .625rem;
  }

  .drop-down {
    max-width: 95%;
  }

  .drop-down.contact-us, .drop-down.faq-page {
    max-width: 100%;
  }

  .drop-down.inhaltstoffe {
    max-width: 33rem;
    margin-bottom: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
  }

  .lottie-animation-2 {
    display: none;
  }

  .blog_cube {
    width: 100%;
    height: auto;
  }

  .rechts-pfeil {
    justify-content: center;
    align-items: center;
    display: none;
    bottom: 0;
  }

  .rechts-pfeil.blog {
    height: 20%;
    top: 100%;
    right: 0%;
  }

  .links-pfeil {
    align-items: center;
    margin-left: -29px;
    display: none;
    bottom: 0;
    left: 0;
  }

  .links-pfeil.blog {
    height: 20%;
    margin-left: 0;
    top: 100%;
    left: 0%;
    overflow: visible;
  }

  .blog_carusell_wrapper {
    min-height: auto;
    overflow: hidden;
  }

  .blog_wrap {
    padding-right: 13px;
  }

  .blog_wrap.trislider {
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 60vh;
    padding: 0 25px 37px;
    display: flex;
    overflow: hidden;
  }

  .blog-slider-panel._2 {
    z-index: -9;
    left: auto;
  }

  .blog_text_wrapper {
    margin-top: 0%;
  }

  .image-cocktail {
    padding-bottom: .5rem;
  }

  .kontakt-formular.abo {
    grid-template-columns: 1.75fr .25fr;
  }

  .zutatenlist-toggl {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .a-block {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .the-width-400vh-scrollable-div {
    width: 400vh;
    overflow: visible;
  }

  .text-span-2 {
    font-size: 6vw;
  }

  .gradient {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .the-height-400vh-section {
    height: 400vh;
    margin-left: 0;
    overflow: visible;
  }

  .the-sticky-div {
    padding-top: 100px;
  }

  .eistee_inhalt_usps {
    padding: 1vw;
  }

  .grid_grafik {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 33px;
    display: grid;
  }

  .pfeil-wrapper.top--14 {
    width: 100%;
    margin-top: 0%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    right: 0%;
    transform: translate(0);
  }

  .scribble_text {
    font-size: 2rem;
    line-height: 1.7rem;
  }

  .scribble_text.drehen {
    color: var(--black);
    line-height: 1.5rem;
  }

  .scribble_text.black {
    font-size: 2rem;
  }

  .scribble_text.black.geschmack {
    font-size: 2rem;
    position: absolute;
    top: -1.1rem;
    right: 2.6rem;
  }

  .scribble_text.black.sweet {
    font-size: 2rem;
  }

  .scribble_text.black.by {
    font-size: 3rem;
    line-height: 2rem;
  }

  .scribble_text.black.small {
    font-size: 2rem;
    line-height: 1.5rem;
  }

  .overflow-not-hidden {
    display: block;
  }

  .overflow-not-hidden.product-page-thumbnails {
    flex: none;
  }

  .pfeil.drehen {
    max-width: 100%;
    height: auto;
    display: none;
    transform: rotateX(0)rotateY(180deg)rotateZ(74deg);
  }

  .pfeil.drehen.mobil {
    max-width: none;
    height: 1.5rem;
    display: block;
  }

  .lottie-animation-3, .lottie-animation-4 {
    display: none;
  }

  .lottie-animation-1 {
    width: auto;
    height: auto;
    display: none;
  }

  .image_produkt {
    height: 100%;
  }

  .in-line.story {
    font-size: 1.6rem;
  }

  .anrede {
    width: 100%;
    margin-bottom: 0;
  }

  .form-select {
    font-family: Chesnagrotesk Book, Arial, sans-serif;
    font-weight: 500;
  }

  .bubble-text {
    font-size: 2rem;
    top: 18%;
  }

  .speaker-slide-mask {
    width: 50%;
    margin-right: 0;
  }

  .blog-slide-content {
    padding-top: 0;
    padding-bottom: 6px;
  }

  .speakers-hero-wrapper {
    padding-bottom: 0;
  }

  .speakers-hero-wrapper.end {
    padding-bottom: 2rem;
  }

  .blog-slide {
    padding-bottom: 5vh;
  }

  .clip-text.speaker-headding {
    margin-top: -30px;
    margin-bottom: 0;
    position: relative;
    top: 1rem;
  }

  .speaker-arrow {
    width: 75%;
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow.left {
    margin-right: 84px;
    left: auto;
    right: 0;
  }

  .blog--slider-wrapper {
    height: 100%;
    display: flex;
  }

  .speaker-slide {
    padding-top: 0;
  }

  .speaker-info {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .speaker-name {
    font-size: 42px;
  }

  .speaker-name.center {
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
  }

  .slide-image {
    height: auto;
    min-height: 200px;
  }

  .body-display.large {
    font-size: 1rem;
    line-height: 1.3em;
  }

  .section-2 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-2.home-hero-section {
    padding-top: 0;
    padding-bottom: 36px;
  }

  .section-2.home-hero-section.small {
    display: block;
  }

  .speaker-arrow-2 {
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow-2.left {
    margin-right: 40px;
    left: auto;
    right: 0;
  }

  .speaker-arrow-2.left.produkt {
    justify-content: flex-end;
    align-items: flex-end;
    padding-top: 0;
    bottom: 4vw;
    left: 0;
  }

  .speaker-arrow-2.right {
    justify-content: flex-start;
    align-items: flex-end;
    height: auto;
    position: absolute;
    bottom: 4vw;
  }

  .slide-image-2 {
    height: auto;
    min-height: 300px;
    padding-left: 0;
  }

  .slide-arrow-2 {
    width: 4rem;
  }

  .speaker-arrow-wrapper {
    width: 33%;
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow-wrapper.left {
    justify-content: flex-end;
    align-items: flex-end;
    width: 27%;
    margin-right: 0;
    bottom: 0;
    left: 0;
    right: auto;
  }

  .speaker-arrow-wrapper.right {
    justify-content: flex-end;
    align-items: flex-start;
    width: 27%;
  }

  .speaker-arrow-copy {
    width: 33%;
    top: auto;
    bottom: 0;
    right: 5vw;
  }

  .speaker-arrow-copy.left {
    margin-right: 84px;
    left: auto;
    right: 0;
  }

  .container-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .blog66_mask {
    width: 95%;
  }

  .container-5, .container-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-f-13, .text-f-13.all-caps.light-grey-font {
    font-size: 1.2em;
  }

  .carousel-arrow-w.arrow-next {
    margin-right: 1em;
  }

  .carousel-arrow-w.arrow-previous {
    margin-left: 1em;
  }

  .heading-4 {
    font-size: 3.25em;
  }

  .carousel-arrows {
    margin-top: 2.5em;
  }

  .speaker-slide-mask-2 {
    width: 33vw;
  }

  .speaker-slide-content-2 {
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .speakers-hero-wrapper-2 {
    display: flex;
  }

  .speakers-hero-wrapper-2.mobil {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding-top: 1.5rem;
    padding-bottom: .5rem;
    display: block;
    overflow: visible;
  }

  .speakers-hero-wrapper-2.desktop {
    padding-bottom: 0;
    display: none;
  }

  .speaker-slider-2 {
    height: 100%;
  }

  .speaker-arrow-3 {
    width: 40px;
    height: 40px;
    top: auto;
    bottom: 3vw;
    right: 10vw;
  }

  .speaker-arrow-3.left {
    width: 40px;
    height: 40px;
    margin-right: 84px;
    bottom: 3vw;
    left: 10vw;
    right: auto;
  }

  .speaker-name-2 {
    font-size: 42px;
  }

  .slide-image-3 {
    justify-content: flex-start;
    align-items: center;
    width: 30vw;
    height: auto;
    min-height: auto;
    padding-left: 10px;
    padding-right: 5px;
    display: flex;
  }

  .slide-arrow-3 {
    width: 8rem;
  }

  .image-4 {
    max-width: none;
    height: 100%;
    overflow: clip;
  }

  .mobil-background {
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 50% 100%, var(--melisse), white), radial-gradient(circle farthest-corner at 0% 0%, var(--heidelbeere), #fff0 92%);
    flex-flow: column;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
  }

  .betreff {
    width: 100%;
    margin-bottom: 0;
  }

  .slider_blog {
    width: 100%;
    margin-right: 0;
  }

  .main-nav-inner {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 88px;
    display: flex;
  }

  .nav-wrapper {
    z-index: 0;
    background-color: #70484800;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0;
  }

  .logo-wrapper {
    z-index: 9;
    display: block;
    position: relative;
  }

  .nav-items {
    z-index: 1;
    background-color: #f1e14b00;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-right: 10px;
    display: flex;
    position: relative;
    top: 0;
    overflow: visible;
  }

  .nav-link-1 {
    display: block;
  }

  .nav-gradient-bg {
    background-color: #dce28200;
    height: 100%;
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
  }

  .bg-noise {
    z-index: 1;
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--melisse) 27%, #f1e14b00 57%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: -100% 0% 0%;
  }

  .nav-link {
    font-size: 10vw;
  }

  .container-w1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .close-btn-wrapper-2 {
    border-radius: 0;
  }

  .nav-gradient-bg-2 {
    z-index: auto;
  }

  .nav-toggle-btn {
    background-color: #fff0;
    background-image: none;
  }

  .nav-toggle-btn:hover {
    background-image: none;
  }

  .dropdown-bg {
    z-index: 1;
    background-color: var(--melisse);
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .menu-icon-2 {
    color: var(--black);
  }

  .navigation-left-block-2 {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    position: absolute;
  }

  .nav-menu-2 {
    background-color: #b13b3b;
    border-radius: 0;
    height: 50vh;
  }

  .nav-menu-2._1 {
    background-color: var(--light-purple);
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--melisse) 3%, #f7f4f100 44%);
    height: 40vh;
    margin-top: 0;
  }

  .nav-menu-2._2 {
    background-color: var(--light-purple);
    height: 60vh;
    position: relative;
    top: auto;
  }

  .brand-logo-2 {
    width: 80px;
  }

  .header-nav-container-2 {
    max-width: none;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 1.2rem;
  }

  .navigation-right-block-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }

  .nav-text-rechts-container-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .nav-background-2 {
    background-color: #f7f4f100;
    height: 6rem;
  }

  .nav-background-2.nav-tablet-dropdown {
    background-color: #f7f4f100;
  }

  .nav-text-link-2.hot-pink {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 2.2rem;
  }

  .nav-text-links-container-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-top: 0;
    display: flex;
  }

  .produkt-slide {
    padding-top: 0;
  }

  .produkt-slide-mask {
    width: 50%;
    margin-right: 0;
  }

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

  .icon_grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 50% 50% 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: end center;
    height: auto;
    margin-top: -3rem;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .icon-container {
    padding-right: 0;
  }

  .icon-container.right {
    padding-left: 0;
    padding-right: 0;
  }

  .icon-container.snap {
    display: none;
  }

  .icon, .image-6 {
    height: 2rem;
  }

  .heading-reveal-animation-copy {
    padding-bottom: 0;
    font-size: 1rem;
  }

  .main-nav {
    z-index: 2;
    background-color: #ffe9d600;
    display: block;
    position: relative;
  }

  .subheader_blog {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .blog_paragraph, .list-item, .list-item-2 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .bold-text-11 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .paragraph-42 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .list-item-5 {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .heading-9 {
    font-size: 1.3rem;
  }

  .heading-10 {
    font-size: 4.5rem;
  }

  .heading-11 {
    font-family: Mudstone Sans, Impact, sans-serif;
    font-size: 4rem;
    font-weight: 400;
    line-height: 4rem;
  }

  .heading-12 {
    font-weight: 400;
  }

  .div-block-6 {
    z-index: 0;
    background-image: radial-gradient(circle farthest-corner at 100% 0%, var(--zitrone), #fa7d1800 5%);
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .gradient_home {
    z-index: 0;
    height: 100%;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .div-block-7 {
    height: 200vh;
  }

  .lemon {
    z-index: -9;
    background-image: radial-gradient(circle farthest-corner at 70% 15%, var(--melisse), #fa7d1800 16%), radial-gradient(circle farthest-corner at 50% 70%, var(--zitrone), #fa7d1800 22%);
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .lemon.end {
    z-index: -9;
    background-image: radial-gradient(circle farthest-corner at 80% 60%, var(--zitrone), #fa7d1800 25%);
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    overflow: visible;
  }

  .peach {
    z-index: -9;
    background-image: radial-gradient(circle farthest-corner at 30% 25%, var(--pfirsich), #fa7d1800 28%);
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
  }

  .peach.end {
    height: 100%;
  }

  .div-block-8 {
    height: 270vh;
  }

  .produkt-slider {
    padding-bottom: 5vh;
  }

  .produkt-slider-wrapper {
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    display: flex;
  }

  .produkt-slider-wrapper._1 {
    overflow: auto;
  }

  .produkt-slider-wrapper._2 {
    display: flex;
    overflow: auto;
  }

  .blog-slider-wrapper-copy, .blog--slider-wrapper-copy {
    height: 100%;
    display: flex;
  }

  .mitarbeiter_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: auto;
  }

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

#w-node-_4ca11cef-8ad3-084a-09f8-5ec28485ff15-2b111741 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4ca11cef-8ad3-084a-09f8-5ec28485ff25-2b111741 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c01ea23d-493a-114b-44b7-e00124dd7598-2b111741 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-c01ea23d-493a-114b-44b7-e00124dd75b0-2b111741 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-c01ea23d-493a-114b-44b7-e00124dd75b2-2b111741 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-c01ea23d-493a-114b-44b7-e00124dd75c4-2b111741 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-c01ea23d-493a-114b-44b7-e00124dd75c6-2b111741 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-c45b3283-ceb1-eb98-3497-c639e482fceb-e7cc27e4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3375f421-b012-fa91-0797-9699dfd75586-e7cc27e4 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-fe0a0fa3-7e6f-9535-1201-2d984971f98c-2b111747 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fe0a0fa3-7e6f-9535-1201-2d984971f99c-2b111747 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-a8f568ec-f547-ea90-03ec-32c00b9a7cc6-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7ccb-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7ce5-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7cea-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7ceb-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d04-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d0b-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d0c-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d25-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d2a-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d44-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d4b-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d4c-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d65-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d6a-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d6b-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c6300-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c6305-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c6306-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c637c-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c6381-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c6382-2b111747, #w-node-b1e25e04-a8bd-8ed0-3a46-c6ca98a89d54-2b111747, #w-node-b1e25e04-a8bd-8ed0-3a46-c6ca98a89d59-2b111747, #w-node-b1e25e04-a8bd-8ed0-3a46-c6ca98a89db1-2b111747, #w-node-b1e25e04-a8bd-8ed0-3a46-c6ca98a89db6-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b040d-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b0412-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b0413-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b046a-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b046f-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b0470-2b111747 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-edebaca5-7dc2-4d77-1103-a3a1e228b94e-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b958-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b962-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b96c-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b974-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b982-b8245516 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start center;
}

#w-node-_2d221599-d4bd-98e3-3467-57d6beec7727-beec7719, #w-node-_2d221599-d4bd-98e3-3467-57d6beec7734-beec7719, #w-node-_2d221599-d4bd-98e3-3467-57d6beec7741-beec7719, #w-node-_2d221599-d4bd-98e3-3467-57d6beec774e-beec7719, #w-node-_2d221599-d4bd-98e3-3467-57d6beec775b-beec7719, #w-node-_2d221599-d4bd-98e3-3467-57d6beec7768-beec7719, #w-node-_2d221599-d4bd-98e3-3467-57d6beec7775-beec7719, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fca1-2b111748, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fcae-2b111748, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fcbb-2b111748, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fcc8-2b111748, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fcd5-2b111748, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fce2-2b111748, #w-node-_417776db-d5c9-314a-c4c2-c53a35a1fcef-2b111748 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a623dcd6-744f-d8c9-192a-c021470d503e-2b111748 {
  place-self: center;
}

#w-node-e56169d4-0257-5901-cf01-f62eebc7ce39-2b111748, #w-node-b24a82df-44f1-0500-7566-2b2f6c767f0b-2b111748, #w-node-_86297cf5-3e03-6f27-a543-764d11cd2b54-2b111748, #w-node-dc238df6-d40f-60be-993e-9da93f429b9c-2b111748, #w-node-_7d7a320a-e9ad-3260-9a3a-3feaef475bcb-2b111748, #w-node-f9747b8a-5b09-7037-d64f-015270658956-2b111748 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae7b-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae85-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae8f-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae99-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8aea1-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8aeaf-2b111748 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start center;
}

#w-node-a0d6fbcd-174e-3859-db7c-8f903577d8a8-2b111749, #w-node-a0d6fbcd-174e-3859-db7c-8f903577d8b5-2b111749, #w-node-a0d6fbcd-174e-3859-db7c-8f903577d8c2-2b111749, #w-node-a0d6fbcd-174e-3859-db7c-8f903577d8cf-2b111749, #w-node-a0d6fbcd-174e-3859-db7c-8f903577d8dc-2b111749, #w-node-a0d6fbcd-174e-3859-db7c-8f903577d8e9-2b111749, #w-node-a0d6fbcd-174e-3859-db7c-8f903577d8f6-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ccde543-1627-9f1a-0c37-52b08cd7ba71-2b111749 {
  place-self: center;
}

#w-node-_47748e78-01f9-9c15-6a8e-4b5d6c8ffb16-2b111749, #w-node-a6125911-fb43-b8fc-49de-47865c708478-2b111749, #w-node-_1c60c117-f889-0375-a998-2f00ddb97290-2b111749, #w-node-a0c3cdc3-462c-0442-5eb2-858e9a6f4bdc-2b111749, #w-node-_8126ff89-d984-ed6a-b5fc-10b7407c5f24-2b111749, #w-node-c45338fb-df2c-07ca-1550-87e8e57b8b66-2b111749, #w-node-_341e6a51-b0e3-a5c5-0ffa-3cce47fb54c5-2b111749, #w-node-b1360e7c-b3d4-1129-e522-1a136582bfab-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1360e7c-b3d4-1129-e522-1a136582bfae-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-b1360e7c-b3d4-1129-e522-1a136582bfb1-2b111749, #w-node-b1360e7c-b3d4-1129-e522-1a136582bfb4-2b111749, #w-node-b1360e7c-b3d4-1129-e522-1a136582bfb7-2b111749, #w-node-b1360e7c-b3d4-1129-e522-1a136582bfba-2b111749, #w-node-b1360e7c-b3d4-1129-e522-1a136582bfbd-2b111749, #w-node-b1360e7c-b3d4-1129-e522-1a136582bfc0-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ccde543-1627-9f1a-0c37-52b08cd7bab4-2b111749 {
  align-self: stretch;
}

#w-node-_809b3e0e-0e35-c1e2-d688-5ca8e4b340d5-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ef425e9-06b4-9f3f-2b8a-27e62ec53a47-2b111749, #w-node-bc3aab37-f929-d022-11dc-03b686193781-2b111749, #w-node-_10c29781-59c9-1334-c32e-6b43ffc22e07-2b111749, #w-node-_6062220e-8cea-0eac-8e89-9551897c0961-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_191f8c6f-8799-474a-357d-048aad895a58-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_70414724-c364-6226-9ff4-cc6d81327b02-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_37304d35-3ac6-136a-b632-4e89037c1573-2b111749, #w-node-_3c08b45f-3121-4ded-c78d-7bcfc2809397-2b111749, #w-node-e0e062e6-9580-d26e-4d13-133495935bad-2b111749, #w-node-e2b472bc-5f58-1a38-98c0-f7ade5f7baaa-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1aba29b7-4bf0-4f6c-42ef-941e43d6fb89-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86ac-2b111749 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86af-2b111749 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: center;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86b2-2b111749 {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86b5-2b111749 {
  grid-area: 4 / 1 / 5 / 2;
  place-self: center;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86b8-2b111749 {
  grid-area: 5 / 1 / 6 / 2;
  place-self: center;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86bb-2b111749 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86be-2b111749 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86c1-2b111749 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86c4-2b111749 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86c7-2b111749 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86ca-2b111749 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86cd-2b111749 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86d0-2b111749 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86d3-2b111749 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86d6-2b111749 {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86d9-2b111749 {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86dc-2b111749 {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86df-2b111749 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86e2-2b111749 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86e5-2b111749 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86e8-2b111749 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86eb-2b111749 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86ee-2b111749 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-a4e10568-62b0-e604-e907-404dc2fd86f1-2b111749 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_9f815f7f-3ae3-5c83-e689-eabbfd390eb7-2b111749 {
  align-self: start;
}

#w-node-_9f815f7f-3ae3-5c83-e689-eabbfd390ec2-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a1eb1b9-86f7-ffd9-f3d4-dfb7b06b6f30-2b111749, #w-node-f85679c9-48a0-38b0-0ae6-a62ec259d935-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_9713837c-20df-5056-24e0-fe615c17e8a0-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8a5-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8bf-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8c4-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8c5-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8de-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8e5-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8e6-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8ff-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e904-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e91e-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e925-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e926-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e93f-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e944-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e945-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_096cb499-f2ff-264e-1566-95269da3e473-2b111749 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_005b9e1c-f763-fb01-4a1e-7e901b4fb444-2b111749 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_2516eb44-7a6d-ffad-3e08-f93555092732-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f9355509273c-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092746-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092750-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092758-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092766-2b111749 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start center;
}

#w-node-_263d64d3-7217-d111-83e2-8e99ef4be47d-ef4be46f, #w-node-_263d64d3-7217-d111-83e2-8e99ef4be48a-ef4be46f, #w-node-_263d64d3-7217-d111-83e2-8e99ef4be497-ef4be46f, #w-node-_263d64d3-7217-d111-83e2-8e99ef4be4a4-ef4be46f, #w-node-_263d64d3-7217-d111-83e2-8e99ef4be4b1-ef4be46f, #w-node-_263d64d3-7217-d111-83e2-8e99ef4be4be-ef4be46f, #w-node-_263d64d3-7217-d111-83e2-8e99ef4be4cb-ef4be46f, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b7c-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b7d-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b82-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b83-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b88-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b89-2b111752, #w-node-_2dd083cc-ac5e-fd8e-b429-575fc7759e9e-2b111752, #w-node-_2dd083cc-ac5e-fd8e-b429-575fc7759e9f-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b8e-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b8f-2b111752, #w-node-_12ef7bc4-44c7-cbe1-94a8-4133c781592c-2b111752, #w-node-_12ef7bc4-44c7-cbe1-94a8-4133c781592d-2b111752, #w-node-f3b84be5-7997-7214-68f1-47f578567a20-2b111752, #w-node-f3b84be5-7997-7214-68f1-47f578567a21-2b111752, #w-node-_6cce38da-450b-6e0a-3727-8e78340e62b8-2b111752, #w-node-_6cce38da-450b-6e0a-3727-8e78340e62b9-2b111752, #w-node-_653fa8b2-190c-102a-d5ae-116f312735d9-2b111752, #w-node-_653fa8b2-190c-102a-d5ae-116f312735da-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b94-2b111752, #w-node-_6c6655bc-d09c-51fe-cb92-6ed376ac4b95-2b111752, #w-node-_0dd12714-5a3b-8fdc-3b56-f7f1e48d9537-2b111752, #w-node-_0dd12714-5a3b-8fdc-3b56-f7f1e48d9538-2b111752 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b3641719-f979-7223-6e5e-887f5888d04f-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d059-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d063-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d06d-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d075-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d083-6a8682df {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: start center;
}

#w-node-f482ad23-67e4-63eb-f081-8be60539f2fe-e2591836 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aedc6527-8fbd-150d-b2f5-a6e6cd0507de-e2591836 {
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
}

#w-node-_2b244f01-c5df-a478-973b-546b5d6d7652-9570805f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6d2b7fd-d9a8-9359-6e5e-7d044d223697-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-f6d2b7fd-d9a8-9359-6e5e-7d044d2236a1-7dba52cc, #w-node-f6d2b7fd-d9a8-9359-6e5e-7d044d2236a2-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6d2b7fd-d9a8-9359-6e5e-7d044d2236a6-7dba52cc {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_0f5ea39f-e72d-a47b-0760-cdddd7b71360-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_0f5ea39f-e72d-a47b-0760-cdddd7b713aa-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f5ea39f-e72d-a47b-0760-cdddd7b71368-7dba52cc {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_854f5d56-3946-95ae-0180-e4eda76ef116-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_854f5d56-3946-95ae-0180-e4eda76ef161-7dba52cc, #w-node-_854f5d56-3946-95ae-0180-e4eda76ef162-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_854f5d56-3946-95ae-0180-e4eda76ef120-7dba52cc {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_3484cd28-5052-a59d-f144-168576843938-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3484cd28-5052-a59d-f144-168576843940-7dba52cc {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-d3b1eeae-5648-41f7-5104-ad69a862719f-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d3b1eeae-5648-41f7-5104-ad69a86271ea-7dba52cc, #w-node-d3b1eeae-5648-41f7-5104-ad69a86271eb-7dba52cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3b1eeae-5648-41f7-5104-ad69a86271a9-7dba52cc {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_3c14ca45-ba6b-aa0c-71b1-cec1126dec1e-46346645 {
  grid-area: 2 / 1 / 4 / 13;
}

#w-node-c4aca9b2-0dc9-8b74-03a4-813b480c8d91-6b692009, #w-node-bbcc8c03-9ff3-bd4c-44be-64de9e5f9b40-6b692009 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f270-6b692009 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f273-6b692009 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f278-6b692009 {
  justify-self: auto;
}

#w-node-_3303052d-9402-3025-fa9a-1b42dc8edd7c-6b692009 {
  align-self: auto;
}

#w-node-_01c5ea11-5938-bdb0-160a-abf73d5bd1f6-6b692009 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_3139e1f2-7173-f4f5-62fc-48ea32ffdde0-3c4fdae2 {
  grid-area: 2 / 1 / 4 / 13;
}

#w-node-a592ae92-d8f4-2b57-39e9-404dce6ce75e-271223ee, #w-node-d00740c4-ae00-64ac-2ef4-d8a4f222c6a4-271223ee {
  grid-area: 1 / 1 / 3 / 2;
  place-self: auto;
}

#w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6b8-16d5b896 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6ce-16d5b896 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6d0-16d5b896 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6e6-16d5b896 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6e8-16d5b896 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_99843047-e808-5983-6b04-583ef74809cc-8330323e {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-_99843047-e808-5983-6b04-583ef74809ce-8330323e, #w-node-_99843047-e808-5983-6b04-583ef748099e-8330323e {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_99843047-e808-5983-6b04-583ef74809b7-8330323e {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-_99843047-e808-5983-6b04-583ef74809b9-8330323e, #w-node-b849d4f9-df24-6b25-4980-34d8ac7773db-833041e0, #w-node-b849d4f9-df24-6b25-4980-34d8ac7773c0-833041e0 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-b849d4f9-df24-6b25-4980-34d8ac7773ee-833041e0 {
  grid-area: 1 / 2 / 3 / 3;
  place-self: end;
}

#w-node-b849d4f9-df24-6b25-4980-34d8ac7773f0-833041e0 {
  grid-area: 2 / 1 / 4 / 2;
}

@media screen and (min-width: 1920px) {
  #w-node-_4ca11cef-8ad3-084a-09f8-5ec28485ff15-2b111741 {
    justify-self: end;
  }

  #w-node-_4ca11cef-8ad3-084a-09f8-5ec28485ff25-2b111741 {
    justify-self: auto;
  }

  #w-node-c01ea23d-493a-114b-44b7-e00124dd7598-2b111741 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c01ea23d-493a-114b-44b7-e00124dd75b0-2b111741 {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-c01ea23d-493a-114b-44b7-e00124dd75b2-2b111741 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c01ea23d-493a-114b-44b7-e00124dd75c4-2b111741 {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-c01ea23d-493a-114b-44b7-e00124dd75c6-2b111741 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7cc6-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7ce5-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d04-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d25-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d44-2b111747, #w-node-a8f568ec-f547-ea90-03ec-32c00b9a7d65-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c6300-2b111747, #w-node-c07499cf-80f3-3df8-d3d9-5b12922c637c-2b111747, #w-node-b1e25e04-a8bd-8ed0-3a46-c6ca98a89d54-2b111747, #w-node-b1e25e04-a8bd-8ed0-3a46-c6ca98a89db1-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b040d-2b111747, #w-node-_94628e67-1a80-cbbf-da08-3c529d8b046a-2b111747 {
    place-self: center;
  }

  #w-node-_2ccde543-1627-9f1a-0c37-52b08cd7ba71-2b111749 {
    justify-self: start;
  }

  #w-node-_2ccde543-1627-9f1a-0c37-52b08cd7bab4-2b111749 {
    place-self: stretch stretch;
  }

  #w-node-_9713837c-20df-5056-24e0-fe615c17e8a0-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8bf-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8de-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e8ff-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e91e-2b111749, #w-node-_9713837c-20df-5056-24e0-fe615c17e93f-2b111749 {
    place-self: center;
  }

  #w-node-_01c5ea11-5938-bdb0-160a-abf73d5bd1f6-6b692009 {
    grid-column: span 1 / span 1;
    justify-self: center;
  }

  #w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6b8-16d5b896 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6ce-16d5b896 {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6d0-16d5b896 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6e6-16d5b896 {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_9e3b2b0a-b633-9260-ae0d-e7691586d6e8-16d5b896 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_99843047-e808-5983-6b04-583ef74809cc-8330323e {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_99843047-e808-5983-6b04-583ef74809ce-8330323e, #w-node-_99843047-e808-5983-6b04-583ef748099e-8330323e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_99843047-e808-5983-6b04-583ef74809b7-8330323e {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-_99843047-e808-5983-6b04-583ef74809b9-8330323e, #w-node-b849d4f9-df24-6b25-4980-34d8ac7773db-833041e0, #w-node-b849d4f9-df24-6b25-4980-34d8ac7773c0-833041e0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b849d4f9-df24-6b25-4980-34d8ac7773ee-833041e0 {
    grid-area: 1 / 2 / 3 / 3;
  }

  #w-node-b849d4f9-df24-6b25-4980-34d8ac7773f0-833041e0 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_2dd083cc-ac5e-fd8e-b429-575fc7759e9e-2b111752 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_2ccde543-1627-9f1a-0c37-52b08cd7bab4-2b111749 {
    grid-area: 1 / 1 / 8 / 2;
    place-self: stretch stretch;
  }

  #w-node-_3c14ca45-ba6b-aa0c-71b1-cec1126dec1e-46346645 {
    grid-column: 1 / 3;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f278-6b692009 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_3139e1f2-7173-f4f5-62fc-48ea32ffdde0-3c4fdae2 {
    grid-column: 1 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b94e-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b958-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b962-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b96c-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b974-b8245516, #w-node-edebaca5-7dc2-4d77-1103-a3a1e228b982-b8245516, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae7b-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae85-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae8f-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8ae99-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8aea1-2b111748, #w-node-_15561765-8ec6-6a72-00f3-5cc90bf8aeaf-2b111748 {
    justify-self: start;
  }

  #w-node-_9f815f7f-3ae3-5c83-e689-eabbfd390eb7-2b111749 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2516eb44-7a6d-ffad-3e08-f93555092732-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f9355509273c-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092746-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092750-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092758-2b111749, #w-node-_2516eb44-7a6d-ffad-3e08-f93555092766-2b111749, #w-node-b3641719-f979-7223-6e5e-887f5888d04f-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d059-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d063-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d06d-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d075-6a8682df, #w-node-b3641719-f979-7223-6e5e-887f5888d083-6a8682df {
    justify-self: start;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f278-6b692009 {
    grid-area: 1 / 3 / 2 / 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3375f421-b012-fa91-0797-9699dfd75586-e7cc27e4 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_1b3edbaa-6c9a-2c87-8db3-ce6e5e83f0f8-e7cc27e4 {
    place-self: auto end;
  }

  #w-node-_87198e98-996a-6b9d-870f-88bebe3fff00-e7cc27e4 {
    justify-self: start;
  }

  #w-node-_70414724-c364-6226-9ff4-cc6d81327b02-2b111749 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: center;
  }

  #w-node-_9f815f7f-3ae3-5c83-e689-eabbfd390ec2-2b111749 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3484cd28-5052-a59d-f144-168576843940-7dba52cc {
    grid-column: span 1 / span 1;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f270-6b692009 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f271-6b692009 {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: auto;
  }

  #w-node-_745df2b9-c2ed-2f33-fe89-59a53fe7fd3e-6b692009 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f273-6b692009 {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-ee09243e-5d1e-6d71-6e75-2c92bfcc4691-6b692009 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e4b0e741-6a0a-48b4-ffb2-4de0a8cbc3f3-6b692009 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: auto;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f278-6b692009 {
    grid-area: 4 / 1 / 5 / 4;
  }

  #w-node-_339429ce-e8ae-b3db-7d3e-8e8c1e44f279-6b692009 {
    justify-self: center;
  }

  #w-node-_2b9d38a2-3075-b8bc-78c5-2195d17da4a7-6b692009, #w-node-bcd96bc5-5cac-7c2c-337c-2752fec26ccd-6b692009, #w-node-f4597fe1-07da-56b1-6cab-d743cf39bdee-6b692009 {
    grid-area: 1 / 1 / 2 / 3;
  }
}


@font-face {
  font-family: 'Orangesandlemonscaps Webfont';
  src: url('../fonts/orangesandlemonscaps-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chesnagrotesk';
  src: url('../fonts/ChesnaGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chesnagrotesk';
  src: url('../fonts/ChesnaGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Chesnagrotesk Book';
  src: url('../fonts/ChesnaGrotesk-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mudstone Sans';
  src: url('../fonts/mudstone-sans.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}