/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/DayPickerCustom/DayPickerCustom.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DayPickerCustom_inputWrapper__h51F8 {
  display: flex;
  align-items: center;
}

.DayPickerCustom_calender__QeLsF {
  position: absolute;
  right: 0;
  width: 0.875rem;
  height: 0.875rem;
  cursor: pointer;
}

.DayPickerCustom_pickerWrapper__yT6EM {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  position: absolute;
  inset: auto auto auto 0;
  color: #000000;
  background-color: #FFFFFF;
  z-index: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/MultipleInput/MultipleInput.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MultipleInput_wrapper__EZZTZ {
  position: relative;
}

.MultipleInput_handler__73ZTh {
  position: absolute;
  right: 0;
  top: 14px;
  cursor: pointer;
}

.MultipleInput_icon__T4dw4 {
  width: 0.75rem;
  height: 0.75rem;
  color: #808080;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Form.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Form_txtApproved__DRXav {
  color: #17CF7F;
}

.Form_txtError__HhuYI {
  color: #E7484D;
}

.Form_formFieldError__FHg_Q {
  margin-bottom: 11px;
  font-size: 9px;
  color: #E7484D;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Input/Input.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Input_holder__60Mh9 {
  margin-bottom: 11px;
  position: relative;
  height: 34px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #f2f2f2;
  border-radius: 0;
}
.Input_holder__60Mh9[is-error], .Input_holder__60Mh9[is-changed] {
  border-color: #E7484D;
  margin-bottom: 3px;
}
.Input_holder__60Mh9[is-error] .Input_placeholderAnimated__Zzv9p, .Input_holder__60Mh9[is-changed] .Input_placeholderAnimated__Zzv9p {
  color: #E7484D;
}
.Input_holder__60Mh9[is-error] .Input_input__K4tA_:focus-within, .Input_holder__60Mh9[is-changed] .Input_input__K4tA_:focus-within {
  border-bottom-color: #E7484D;
}
.Input_holder__60Mh9[is-error] .Input_placeholder__Q1gg0, .Input_holder__60Mh9[is-changed] .Input_placeholder__Q1gg0 {
  color: #E7484D;
}

.Input_holderEnabled__XzQr1 {
  display: none;
  pointer-events: none;
}

.Input_placeholder__Q1gg0 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  width: 100%;
  top: 13px;
  color: #808080;
  transition: top 0.25s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.25s ease-in-out;
}

.Input_placeholderAnimated__Zzv9p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  width: 100%;
  top: 0;
  font-size: 9px;
  color: #808080;
  transition: top 0.25s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.25s ease-in-out;
}

.Input_input__K4tA_ {
  height: 34px;
  width: 100%;
  padding: 13px 0 0 0;
  opacity: 0;
}
.Input_input__K4tA_.Input_active__53snv {
  opacity: 1;
  border-bottom: 1px solid #f2f2f2;
}
.Input_input__K4tA_:focus-within {
  border-bottom: 1px solid #000000;
}

.Input_inputFilled__FxuAO {
  opacity: 1;
  border-bottom: 1px solid #f2f2f2;
}

.Input_star__7uoQU {
  color: #E7484D;
}

.Input_errorText__stKPh {
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CustomScrollbar.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomScrollbar_scrollBarHolder__wPUmS {
  width: 3px !important;
  right: 2px;
  bottom: 2px;
  top: 2px;
  background-color: #e5e5e5;
  transition: width 0.1s ease-out;
}
.CustomScrollbar_scrollBarHolder__wPUmS:hover {
  width: 6px !important;
}
.CustomScrollbar_scrollBarHolder__wPUmS:hover .CustomScrollbar_scrollBar__T8xbI {
  width: 6px !important;
}

.CustomScrollbar_scrollBar__T8xbI {
  width: 3px !important;
  background-color: #000000;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CustomSelect/ComposesCustomSelect.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ComposesCustomSelect_holder___lJOY {
  position: relative;
  cursor: pointer;
}

.ComposesCustomSelect_handler__FvENY {
  width: 100%;
  padding-right: 0.625rem;
  cursor: pointer;
  display: inline-grid;
  padding-right: 1.875rem;
  pointer-events: all;
}
.ComposesCustomSelect_handler__FvENY::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  height: 0.5rem;
  width: 0.5rem;
  border-style: solid;
  border-width: 0 1px 1px 0;
  right: 2px;
  border-color: #808080;
}

.ComposesCustomSelect_handlerOpened__DD5yJ::before {
  transform: rotate(225deg);
  margin-top: 0.1875rem;
  border-color: #000000;
}

.ComposesCustomSelect_handlerTitle__ZJRAQ {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ComposesCustomSelect_optionList__oLU0w {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  position: absolute !important;
  width: 100%;
  background-color: #f2f2f2;
  left: 0;
}
.ComposesCustomSelect_optionList__oLU0w:hover {
  color: #808080;
}

.ComposesCustomSelect_optionListClosed__UYdwP {
  left: -9999px;
}

.ComposesCustomSelect_listItem__mFpck {
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  cursor: pointer;
}
.ComposesCustomSelect_listItem__mFpck:first-child {
  padding-top: 0.625rem;
}
.ComposesCustomSelect_listItem__mFpck:last-child {
  padding-bottom: 0.625rem;
}
.ComposesCustomSelect_listItem__mFpck:hover {
  color: #000000;
}

.ComposesCustomSelect_listItemChosen__GRs4s {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  color: #000000;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CustomSelect/FormularCustomSelect.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FormularCustomSelect_boxDisabled__5sHDi {
  display: none;
  visibility: hidden;
}

.FormularCustomSelect_wrapper__UfnJA[is-error=true] .FormularCustomSelect_holder__SaCDW, .FormularCustomSelect_wrapper__UfnJA[is-changed=true] .FormularCustomSelect_holder__SaCDW {
  box-shadow: 0px -1px 0px 0px #E7484D inset;
  margin-bottom: 3px;
}
.FormularCustomSelect_wrapper__UfnJA[is-error=true] .FormularCustomSelect_handlerTitle__KmD34, .FormularCustomSelect_wrapper__UfnJA[is-changed=true] .FormularCustomSelect_handlerTitle__KmD34 {
  color: #E7484D;
}

.FormularCustomSelect_holder__SaCDW {
  margin-bottom: 11px;
  box-shadow: 0px -1px 0px 0px #f2f2f2 inset;
}

.FormularCustomSelect_handler__RsKDQ {
  height: 2.125rem;
  padding-top: 0.8125rem;
  color: #808080;
}
.FormularCustomSelect_handler__RsKDQ::before {
  top: 1rem;
}

.FormularCustomSelect_handlerOpened__R2Sdk {
}

.FormularCustomSelect_handlerChosen__Z7FJ3 {
  color: #000000;
}

.FormularCustomSelect_handlerTitle__KmD34 {
}

.FormularCustomSelect_star__xvfzx {
  padding-left: 0.1875rem;
  color: #E7484D;
}

.FormularCustomSelect_optionList__U5ama {
  margin-top: 5px;
}

.FormularCustomSelect_optionListRelative__OUv2K {
  position: relative !important;
}

.FormularCustomSelect_optionListClosed__aJZSz {
}

.FormularCustomSelect_listItem__5wfoo {
}

.FormularCustomSelect_listItemChosen__lobbh {
}

.FormularCustomSelect_errorText__v_3Xt {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Checkbox/Checkbox.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_line__Oalca {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

.Checkbox_innerWrapper__IcXQC {
  position: relative;
}

.Checkbox_input__cK25T {
  position: absolute;
  top: 4px;
  left: 0;
  opacity: 0;
  z-index: 1;
  height: 11px;
  width: 11px;
  cursor: pointer;
}
.Checkbox_input__cK25T:checked ~ .Checkbox_checkbox__KjVV7 {
  background-color: #000000;
}
.Checkbox_input__cK25T:checked ~ .Checkbox_checkbox__KjVV7::after {
  content: "";
  display: block;
  transform: rotate(40deg);
  height: 5px;
  width: 3px;
  margin: 2px 0 0 4px;
  background-color: transparent;
  border-style: solid;
  border-color: #FFFFFF;
  border-width: 0 1px 1px 0;
}
.Checkbox_input__cK25T[is-error] ~ .Checkbox_checkbox__KjVV7 {
  border: 1px solid #E7484D;
}
.Checkbox_input__cK25T[is-error] ~ .Checkbox_checkbox__KjVV7::after {
  margin: 1px 0 0 3px;
}
.Checkbox_input__cK25T:disabled {
  pointer-events: none;
}
.Checkbox_input__cK25T:disabled ~ .Checkbox_checkbox__KjVV7 {
  background-color: #BFBFBF;
}

.Checkbox_checkbox__KjVV7 {
  content: "";
  position: absolute;
  height: 11px;
  width: 11px;
  top: 4px;
  background-color: #f2f2f2;
}

.Checkbox_label__5_FPC {
  display: inline-grid;
  vertical-align: top;
  box-sizing: border-box;
  min-height: 20px;
  margin-left: 1rem;
  cursor: pointer;
}

.Checkbox_addOn__CJhu_ {
  display: inline-flex;
  margin-left: 0.75rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Checkbox/CheckboxSmall.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckboxSmall_line__3r__e {
}

.CheckboxSmall_innerWrapper__QxOHl {
}

.CheckboxSmall_input__71O5E {
}

.CheckboxSmall_checkbox__HWcbn {
  transform: scale(0.818);
  top: 2px;
}

.CheckboxSmall_label__o15GE {
  font-size: 0.5625rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/FormElement/FormElement.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FormElement_specialLine__dB1Tr {
  padding-bottom: 0.625rem;
  position: relative;
}

.FormElement_speacialText__a_Ice {
  margin-top: 0.625rem;
  font-size: 0.625rem;
}

.FormElement_newsletterText__twWe5 {
  margin-top: 1.625rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Button.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Button_buttonDefault__az16j {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  background-color: #f2f2f2;
  color: #000000;
  min-height: 2.5rem;
  padding: 0.75rem 0.9375rem;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  vertical-align: bottom;
  transition: color 0.3s ease-in, background-color 0.3s ease-in;
}
.Button_buttonDefault__az16j[data-active], .Button_buttonDefault__az16j:hover {
  background-color: #e5e5e5;
  color: #000000;
}
.Button_buttonDefault__az16j[data-inactive], .Button_buttonDefault__az16j[disabled] {
  color: #808080;
  pointer-events: none;
}

.Button_buttonMarked__UNrz9 {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  background-color: #26606E;
  color: #FFFFFF;
  min-height: 2.5rem;
  padding: 0.75rem 0.9375rem;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  vertical-align: bottom;
  transition: color 0.3s ease-in, background-color 0.3s ease-in;
}
.Button_buttonMarked__UNrz9[data-active], .Button_buttonMarked__UNrz9:hover {
  background-color: #5ACCAF;
}
.Button_buttonMarked__UNrz9[data-inactive], .Button_buttonMarked__UNrz9[disabled] {
  color: #808080;
  background-color: #f2f2f2;
  pointer-events: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/NotFound/NotFound.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NotFound_wrapper__4Pcis {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.5rem;
  margin-bottom: 1.25rem;
}

.NotFound_animation__bAihe {
  width: 100%;
  max-width: 31.25rem;
}

.NotFound_content__k8KMA {
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
@media only screen and (min-width: 928px) {
  .NotFound_content__k8KMA {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .NotFound_content__k8KMA {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.NotFound_text__4Rw_p {
  max-width: 39.375rem;
}

.NotFound_button__Q2LXl {
  display: inline-block;
  margin-top: 1.25rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Textarea.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Textarea_textarea__LOYB0 {
  width: 100%;
  max-width: 100vw;
  border: 1px solid #f2f2f2;
  padding: 10px;
}
.Textarea_textarea__LOYB0::-webkit-input-placeholder {
  color: #808080;
  opacity: 1;
  line-height: initial;
  line-height: 1.5;
}
.Textarea_textarea__LOYB0::-moz-placeholder {
  color: #808080;
  opacity: 1;
  line-height: 1.5;
}
.Textarea_textarea__LOYB0:-ms-input-placeholder { /* IE 10+ */
  color: #808080;
  opacity: 1;
  line-height: 1.5;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Modal/ModalContent.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalContent_rightSpacer__jRQ0v {
  padding-right: 1.3125rem;
}

.ModalContent_headline__RNlZp {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.3333333333;
  letter-spacing: 0;
  text-transform: none;
  padding-right: 1.25rem;
  margin-bottom: 0.75rem;
}

.ModalContent_headlineSmall__aDqnt {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  padding-right: 1.25rem;
  padding-bottom: 0.75rem;
}

.ModalContent_innerSroll__T1HHQ {
  width: calc(100% + 2 * 0.625rem);
  margin-left: -0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ModalContent_innerSroll__T1HHQ {
    width: calc(100% + 2 * 1.25rem);
    margin-left: -1.25rem;
  }
}

.ModalContent_innerScrollContent__Vva4s {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ModalContent_innerScrollContent__Vva4s {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.ModalContent_buttonLine__fjPfo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ModalContent_buttonLine__fjPfo {
    gap: 0 1.25rem;
  }
}

.ModalContent_buttonLineExtradist__sxEGB {
  margin-top: 1rem;
}

.ModalContent_button__GtzlO {
  margin-top: 0.625rem;
}

.ModalContent_buttonMarked__ZpXW9 {
}

.ModalContent_buttonMarkedGrow__oB3rL {
  flex: 1 1;
}

.ModalContent_buttonMarkedFullWidth__62ayf {
  width: 100%;
}

.ModalContent_buttonDefault__68ocr {
}

.ModalContent_buttonDefaultGrow__K9YgM {
  flex: 1 1;
}

.ModalContent_buttonDefaultFullWidth__MX7pk {
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/RegisterText/RegisterText.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RegisterText_wrapper__WLfnk {
  display: flex;
  flex-direction: column;
  gap: 0.625rem 0;
  margin-bottom: 1.25rem;
}

.RegisterText_ul__8WeNZ {
  display: flex;
  flex-direction: column;
  gap: 1.25rem 0;
}

.RegisterText_li__ndkHJ {
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .RegisterText_li__ndkHJ {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.RegisterText_ico__LNT4N {
  width: 0.625rem;
  height: 0.625rem;
  flex: initial;
  flex-shrink: 0;
  margin: 0.3125rem 0.625rem 0 0;
  background-color: #26606E;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/PlaceholderCube/PlaceholderCube.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PlaceholderCube_cubeloader__UWJoC {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}

.PlaceholderCube_loader_wrapper__W8cNL {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  position: relative;
  perspective: 3200px;
  perspective-origin: center;
}

.PlaceholderCube_loading_cube__dTTV0 {
  display: grid;
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  animation: PlaceholderCube_rotatecube__AYixo 5s infinite;
}

@keyframes PlaceholderCube_rotatecube__AYixo {
  0%, 3% {
    transform: rotateX(0deg);
  }
  14%, 19% {
    transform: rotateY(-90deg);
  }
  31%, 36% {
    transform: rotateY(-90deg) rotateZ(90deg);
  }
  47%, 52% {
    transform: rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);
  }
  64%, 69% {
    transform: rotateY(-90deg) rotateZ(180deg) rotateX(-90deg);
  }
  81%, 86% {
    transform: rotateY(-180deg) rotateZ(180deg) rotateX(-90deg);
  }
  97%, 100% {
    transform: rotateY(-180deg) rotateZ(180deg) rotateX(-180deg);
  }
}
.PlaceholderCube_cubeIconGroup__ATOY5 {
  position: absolute;
  width: 32px;
  height: 32px;
  transform: rotateY(0deg) translateZ(16px);
}

.PlaceholderCube_cubeIconBack__0VYUE {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #C18481;
  transform: rotateX(180deg) translateZ(16px);
}

.PlaceholderCube_cubeIconRight__jj5IT {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #B85359;
  transform: rotateY(90deg) translateZ(16px);
}

.PlaceholderCube_cubeIconBottom__mYI0i {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #459984;
  transform: rotateX(-90deg) translateZ(16px);
}

.PlaceholderCube_cubeIconTop__VnJ9q {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #7C69A4;
  transform: rotateX(90deg) translateZ(16px);
}

.PlaceholderCube_cubeIconLeft__Ttj0N {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #204369;
  transform: rotateY(-90deg) translateZ(16px);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Placeholder/Placeholder.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Placeholder_placeholder__pdW8z {
  width: 93px;
  height: 75px;
}

.Placeholder_placeholderFullPage__HsIpq {
  display: flex;
  justify-content: center;
  padding: 6.25rem 0 3.75rem 0;
}

@media only screen and (min-width: 928px) {
  .Placeholder_placeholderFullPageCube__Dxmuj {
    padding-top: 1.875rem;
    transform: scale(2.5);
  }
}

.Placeholder_image__Gqw2s {
  object-fit: contain;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/ShortRegister/ShortRegister.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ShortRegister_title__tpXXn {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-right: 1.25rem;
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ShortRegister_title__tpXXn {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ShortRegister_title__tpXXn {
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
  }
}

.ShortRegister_wrapper__4XhJL {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  max-height: calc((100 * 1vh) - (3.75rem));
  max-height: calc((var(--vh, 1vh) * 100) - (3.75rem));
  max-height: calc((100 * 1dvh) - (3.75rem));
  width: 100%;
  height: calc((100 * 1vh) - (calc(3.5rem + 0.25rem)));
  height: calc((var(--vh, 1vh) * 100) - (calc(3.5rem + 0.25rem)));
  height: calc((100 * 1dvh) - (calc(3.5rem + 0.25rem)));
}
@media only screen and (min-width: 1280px) {
  .ShortRegister_wrapper__4XhJL {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .ShortRegister_wrapper__4XhJL {
    max-height: calc((100 * 1vh) - (calc(3.1875rem + 5.625rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.1875rem + 5.625rem)));
    max-height: calc((100 * 1dvh) - (calc(3.1875rem + 5.625rem)));
  }
}
@media only screen and (min-width: 928px) {
  .ShortRegister_wrapper__4XhJL {
    width: 25rem;
  }
}
@media only screen and (min-width: 928px) {
  .ShortRegister_wrapper__4XhJL {
    height: unset;
  }
}

.ShortRegister_checkboxWrapper___TRhq {
  margin-top: 0.5625rem;
}

.ShortRegister_conditions__VhY0l a {
  text-decoration: underline;
}

.ShortRegister_button__jS5K1 {
  width: 100%;
}

.ShortRegister_buttonRegister__up6PG {
  margin: 0.625rem 0;
}

.ShortRegister_buttonLogin__AE6Fr {
}

.ShortRegister_loadingHolder__JWqYd {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 927px) {
  .ShortRegister_loadingHolder__JWqYd {
    margin-top: 20vh;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Modal/Modal.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Modal_overlay__diR_1 {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 11000;
  pointer-events: all;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 1280px) {
  .Modal_overlay__diR_1 {
    background-color: rgba(255, 255, 255, 0.75);
  }
}

.Modal_origin__f4UdZ {
  height: calc((100 * 1vh) - (0px));
  height: calc((var(--vh, 1vh) * 100) - (0px));
  height: calc((100 * 1dvh) - (0px));
  position: relative;
  display: flex;
}
@media only screen and (min-width: 1280px) {
  .Modal_origin__f4UdZ {
    align-items: center;
    justify-content: center;
  }
}

.Modal_wrapper__G_QLM {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  position: relative;
  background-color: #FFFFFF;
  pointer-events: all;
}

.Modal_bottom__15ZY2 {
  width: 100%;
  height: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .Modal_bottom__15ZY2 {
    height: 1.25rem;
  }
}

.Modal_content__0WW25 {
  max-height: calc((100 * 1vh) - (0px));
  max-height: calc((var(--vh, 1vh) * 100) - (0px));
  max-height: calc((100 * 1dvh) - (0px));
  overflow: hidden;
  padding-top: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .Modal_content__0WW25 {
    max-height: calc((80 * 1vh) - (0px));
    max-height: calc((var(--vh, 1vh) * 80) - (0px));
    max-height: calc((80 * 1dvh) - (0px));
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.Modal_close__Ds_VV {
  position: absolute;
  top: 21px;
  right: 10px;
}
@media only screen and (min-width: 1280px) {
  .Modal_close__Ds_VV {
    right: 1.25rem;
  }
}

.Modal_closeIcon__r9oAI {
  width: 0.75rem;
  height: 0.75rem;
}

.Modal_overlayBlur__1Uwhg {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Modal/ModalWide.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalWide_overlay__dt8IC {
}

.ModalWide_overlayBlur__v1IGo {
}

.ModalWide_origin__whRAe {
}

.ModalWide_wrapper__t1C5Q {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .ModalWide_wrapper__t1C5Q {
    width: 41.6666666667%;
  }
}

.ModalWide_bottom__gf17_ {
}

.ModalWide_content__h_GaF {
}

.ModalWide_close__nUfdJ {
}

.ModalWide_closeIcon__h_Pms {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Formular/Formular.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Formular_line__Wd6AL {
  display: flex;
  gap: 0 calc(2 * 10px);
}
@media only screen and (min-width: 928px) {
  .Formular_line__Wd6AL {
    gap: 0 calc(2 * 10px);
  }
}
@media only screen and (min-width: 1280px) {
  .Formular_line__Wd6AL {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    gap: 0 calc(2 * 10px);
  }
}

.Formular_lineItem__fgRGa {
  flex: 1 1;
}

@media only screen and (max-width: 500px) {
  .Formular_lineSL__IIo3X .Formular_lineItem__fgRGa:first-child {
    flex: 70% 1;
  }
  .Formular_lineSL__IIo3X .Formular_lineItem__fgRGa:nth-child(2) {
    flex: 30% 1;
  }
}

@media only screen and (max-width: 500px) {
  .Formular_lineLS__6DrGo .Formular_lineItem__fgRGa:first-child {
    flex: 30% 1;
  }
  .Formular_lineLS__6DrGo .Formular_lineItem__fgRGa:nth-child(2) {
    flex: 70% 1;
  }
}

.Formular_requiredInfo__aKi_Z {
  margin: 0.625rem 0 1.25rem 0;
}

.Formular_requiredTxt__ev89T {
  color: #808080;
}

.Formular_requiredStar__dcT_w {
  color: #E7484D;
}

.Formular_errorTxt__9DHth {
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CountrySelector/CountrySelectorLogin.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CountrySelectorLogin_optionDropCountry__Rp7V6 {
  position: absolute;
}

.CountrySelectorLogin_countryWrapper__cN1_b {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  align-items: flex-start;
  margin: 0.625rem 0 1.25rem 0;
}
@media only screen and (min-width: 1280px) {
  .CountrySelectorLogin_countryWrapper__cN1_b {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.CountrySelectorLogin_countryText__UQrej {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6666666667;
}

.CountrySelectorLogin_icon__nLXyG {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.625rem;
}

.CountrySelectorLogin_buttonHolderCountry___MZyA {
  position: relative;
  display: flex;
  flex-shrink: 0;
  padding-top: 0.1875rem;
}

.CountrySelectorLogin_buttonCountry__PyEc7 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.CountrySelectorLogin_buttonIconCountry__F7Qjn {
}

.CountrySelectorLogin_arrowIcon__ffspB {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  color: #808080;
}

.CountrySelectorLogin_arrowIconOpened__thNnr {
  transform: rotate(180deg);
}

.CountrySelectorLogin_optionListCountry__DRUpF {
  width: max-content;
}

.CountrySelectorLogin_optionDropCountry__Rp7V6 {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  background-color: #f2f2f2;
  top: 1.375rem;
  right: 0;
  z-index: 9999999;
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.CountrySelectorLogin_optionDropCountry__Rp7V6.CountrySelectorLogin_opened__lKqix {
  display: unset;
  visibility: unset;
  pointer-events: unset;
}

.CountrySelectorLogin_optionLinkCountry__ohBI4 {
  display: flex;
  align-items: center;
  padding: 0.625rem;
}
.CountrySelectorLogin_optionLinkCountry__ohBI4:hover {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  background-color: #e5e5e5;
  cursor: pointer;
}

.CountrySelectorLogin_optionIconCountry__OPWgk {
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/PasswordForgetForm/PasswordForgetForm.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PasswordForgetForm_wrapper__EXCY5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  max-height: calc((100 * 1vh) - (3.125rem));
  max-height: calc((var(--vh, 1vh) * 100) - (3.125rem));
  max-height: calc((100 * 1dvh) - (3.125rem));
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .PasswordForgetForm_wrapper__EXCY5 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .PasswordForgetForm_wrapper__EXCY5 {
    max-height: calc((100 * 1vh) - (calc(3.1875rem + 5.625rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.1875rem + 5.625rem)));
    max-height: calc((100 * 1dvh) - (calc(3.1875rem + 5.625rem)));
  }
}
@media only screen and (min-width: 928px) {
  .PasswordForgetForm_wrapper__EXCY5 {
    width: 23.4375rem;
  }
}

.PasswordForgetForm_button__mrXH7 {
  width: 100%;
  margin-top: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.PasswordForgetForm_error__HrYo_ {
  margin-top: 0.625rem;
}

.PasswordForgetForm_valid__q7NLc {
  margin-top: 0.625rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/LoginForm/LoginForm.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoginForm_wrapper__On1ed {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  max-height: calc((100 * 1vh) - (3.125rem));
  max-height: calc((var(--vh, 1vh) * 100) - (3.125rem));
  max-height: calc((100 * 1dvh) - (3.125rem));
  width: 100%;
  height: calc((100 * 1vh) - (calc(3.5rem + 0.25rem)));
  height: calc((var(--vh, 1vh) * 100) - (calc(3.5rem + 0.25rem)));
  height: calc((100 * 1dvh) - (calc(3.5rem + 0.25rem)));
}
@media only screen and (min-width: 1280px) {
  .LoginForm_wrapper__On1ed {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .LoginForm_wrapper__On1ed {
    max-height: calc((100 * 1vh) - (calc(3.1875rem + 5.625rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.1875rem + 5.625rem)));
    max-height: calc((100 * 1dvh) - (calc(3.1875rem + 5.625rem)));
  }
}
@media only screen and (min-width: 928px) {
  .LoginForm_wrapper__On1ed {
    width: 23.4375rem;
  }
}
@media only screen and (min-width: 928px) {
  .LoginForm_wrapper__On1ed {
    height: unset;
  }
}

.LoginForm_options__7RIKE {
  display: inline-flex;
  flex-wrap: nowrap;
  margin-bottom: 0.375rem;
  margin-top: 0.375rem;
}

.LoginForm_rememberMe__yl3g_ {
  display: inline-flex;
  position: relative;
  margin-right: 1.375rem;
  white-space: nowrap;
}

.LoginForm_forgotPwd__G6_tJ {
  transition: color 0.1s ease-in-out;
  font-size: 0.625rem;
  white-space: nowrap;
}
@media (hover: hover) {
  .LoginForm_forgotPwd__G6_tJ:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .LoginForm_forgotPwd__G6_tJ:active {
    color: #5ACCAF;
  }
}

.LoginForm_button__OJ43G {
  width: 100%;
}

.LoginForm_buttonLogin__Kd7_G {
  margin-bottom: 0.75rem;
}

.LoginForm_errorTxt__kUrdC {
  display: block;
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/ConfirmEmail/ConfirmEmail.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ConfirmEmail_wrapper__QAocj {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ConfirmEmail_wrapper__QAocj {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.ConfirmEmail_button__5KbSG {
  width: 100%;
  margin-top: 0.75rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CustomerMenu/CustomerMenu.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomerMenu_wrapper__H4sqD {
  max-height: calc((100 * 1vh) - (1.875rem));
  max-height: calc((var(--vh, 1vh) * 100) - (1.875rem));
  max-height: calc((100 * 1dvh) - (1.875rem));
  width: 100%;
}
@media only screen and (min-width: 928px) {
  .CustomerMenu_wrapper__H4sqD {
    max-height: calc((100 * 1vh) - (calc(3.1875rem + 3.125rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.1875rem + 3.125rem)));
    max-height: calc((100 * 1dvh) - (calc(3.1875rem + 3.125rem)));
  }
}
@media only screen and (min-width: 928px) {
  .CustomerMenu_wrapper__H4sqD {
    width: 25.625rem;
  }
}

.CustomerMenu_logout__8Q3Kq {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .CustomerMenu_logout__8Q3Kq {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.CustomerMenu_buttonLogout__BBBVx {
  width: 100%;
  margin-top: 0.75rem;
}

.CustomerMenu_header__aM12j {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .CustomerMenu_header__aM12j {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.CustomerMenu_avatarWrapper__swak_ {
  margin-right: 0.625rem;
}

.CustomerMenu_line__1XgI_ {
  flex: auto;
}

.CustomerMenu_name__lDTvW {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  align-items: center;
  flex: 1 1;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
}
@media only screen and (max-width: 927px) {
  .CustomerMenu_name__lDTvW {
    justify-content: start;
    padding-right: 1.25rem;
  }
}

.CustomerMenu_note__MkQGQ {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1.4;
  color: #808080;
}

.CustomerMenu_ul__QUv1E {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  color: #808080;
}
@media only screen and (min-width: 1280px) {
  .CustomerMenu_ul__QUv1E {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.CustomerMenu_li__SfjFl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CustomerMenu_li__SfjFl:hover {
  color: #000000;
  cursor: pointer;
}
.CustomerMenu_li__SfjFl [data-active] {
  color: #000000;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/UserBlocked/UserBlockedMenu.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.UserBlockedMenu_blocked__TYz_g {
  width: calc(100% + (2 * 0.625rem));
  margin-left: -0.625rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .UserBlockedMenu_blocked__TYz_g {
    width: calc(100% + (2 * 1.25rem));
    margin-left: -1.25rem;
  }
}

.UserBlockedMenu_wrapper__9Emr8 {
  padding: 0.625rem 0.625rem;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 928px) {
  .UserBlockedMenu_wrapper__9Emr8 {
    padding: 1.25rem 1.25rem;
  }
}

.UserBlockedMenu_icoWrapper__mDqXw {
  display: flex;
  margin-bottom: 0.625rem;
}

.UserBlockedMenu_ico__eZ5bC {
  width: 1.6875rem;
  height: 1.5rem;
}

.UserBlockedMenu_textWrapper__jhJxT {
  display: flex;
  flex-direction: column;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Avatar/Avatar.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Avatar_avatarWrapper__UXOBs {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

.Avatar_initials__DBI7v {
  background-color: #26606E;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Avatar_image__KJkB_ {
  width: inherit;
  height: inherit;
  object-fit: cover;
}

.Avatar_letters__1_cm4 {
  letter-spacing: 0.0625rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Avatar/AvatarSmall.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AvatarSmall_smallSize__svK9A {
  width: 2.5rem;
  height: 2.5rem;
  font-weight: 500;
}

.AvatarSmall_wrapperInitials__rOO06 {
}

.AvatarSmall_wrapperImage__baZLC {
}

.AvatarSmall_image__IQlZU {
}

.AvatarSmall_letters__ERnTm {
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/SettingsBar/SettingsBar.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SettingsBar_wrapper__u5XRu {
  right: -9999px;
  top: 0;
  position: fixed;
  background-color: #FFFFFF;
  z-index: 9999;
}
@media only screen and (max-width: 927px) {
  .SettingsBar_wrapper__u5XRu {
    width: 100%;
    height: 100%;
    pointer-events: all;
    top: 0;
  }
}
@media only screen and (min-width: 928px) {
  .SettingsBar_wrapper__u5XRu {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    top: 3.1875rem;
    min-width: 23.4375rem;
    width: unset;
  }
}

.SettingsBar_wrapperOpened__bD480 {
  right: 0;
}
@media only screen and (min-width: 928px) {
  .SettingsBar_wrapperOpened__bD480 {
    right: 0.625rem;
  }
}

.SettingsBar_content__dhbd0 {
  margin-top: 1.25rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1280px) {
  .SettingsBar_content__dhbd0 {
    margin-bottom: 1.25rem;
  }
}

.SettingsBar_headline__4sXVE {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-right: 1.25rem;
  margin-bottom: 0.125rem;
}
@media only screen and (min-width: 1280px) {
  .SettingsBar_headline__4sXVE {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .SettingsBar_headline__4sXVE {
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
  }
}

.SettingsBar_buttonOpened__xUfcy {
  position: relative;
  z-index: 99998;
}

.SettingsBar_menuButton__7Ov6G {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
}

.SettingsBar_openIcon__3SIrK {
  width: inherit;
  height: inherit;
}

.SettingsBar_closeIcon__MKd_T {
  width: 0.6875rem;
  height: 0.6875rem;
  padding-right: 0.125rem;
}

.SettingsBar_menuBtnAvatar__pDbNi {
  line-height: unset;
  display: block;
}

.SettingsBar_menuBtnAvatarOpened__V_mmJ {
  display: flex;
  justify-content: flex-end;
  width: 2.5rem;
}

.SettingsBar_placeholder__hJQt_ {
  display: flex;
  width: 25px;
  height: 17px;
  margin-right: -3px;
}
@media only screen and (min-width: 928px) {
  .SettingsBar_placeholder__hJQt_ {
    margin-right: unset;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CountrySelector/CountrySelector.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CountrySelector_wrapper__dnV1z {
  right: -9999px;
  top: 0;
  position: fixed;
  background-color: #FFFFFF;
  z-index: 9999;
}
@media only screen and (max-width: 927px) {
  .CountrySelector_wrapper__dnV1z {
    width: 100%;
    height: 100%;
    pointer-events: all;
    top: 0;
  }
}
@media only screen and (min-width: 928px) {
  .CountrySelector_wrapper__dnV1z {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    top: 3.1875rem;
    min-width: unset;
    width: 24.375rem;
  }
}

.CountrySelector_wrapperOpened__HVBjA {
  right: 0;
}
@media only screen and (min-width: 928px) {
  .CountrySelector_wrapperOpened__HVBjA {
    right: 0.625rem;
  }
}

.CountrySelector_content__8ShFD {
  margin-top: 1.25rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1280px) {
  .CountrySelector_content__8ShFD {
    margin-bottom: 1.25rem;
  }
}

.CountrySelector_close__m_EmB {
  position: absolute;
  right: 0.625rem;
  top: 1.25rem;
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .CountrySelector_close__m_EmB {
    right: 1.25rem;
  }
}

.CountrySelector_closeIcon__AtHdR {
  width: 0.75rem;
  height: 0.75rem;
}

.CountrySelector_columns__gPcvG {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1280px) {
  .CountrySelector_columns__gPcvG {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.CountrySelector_column__QM66S {
  width: calc(50% - 0.625rem);
}

.CountrySelector_headline__npIfB {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  padding-bottom: 0.75rem;
}

.CountrySelector_ul__b1wJJ {
  max-height: calc((100 * 1vh) - (7.5rem));
  max-height: calc((var(--vh, 1vh) * 100) - (7.5rem));
  max-height: calc((100 * 1dvh) - (7.5rem));
}
@media only screen and (min-width: 928px) {
  .CountrySelector_ul__b1wJJ {
    max-height: calc((100 * 1vh) - (calc(3.1875rem + 8.75rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.1875rem + 8.75rem)));
    max-height: calc((100 * 1dvh) - (calc(3.1875rem + 8.75rem)));
  }
}

.CountrySelector_link__bAPHM {
  white-space: nowrap;
  cursor: pointer;
}
.CountrySelector_link__bAPHM:hover {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
}

.CountrySelector_linkActive__IiacQ {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
}

.CountrySelector_buttonWrapper__0f8gB {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-top: 1.25rem;
  position: absolute;
  width: 100%;
  bottom: 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .CountrySelector_buttonWrapper__0f8gB {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .CountrySelector_buttonWrapper__0f8gB {
    position: unset;
  }
}

.CountrySelector_button__DVYgN {
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/ProductMenu/ProductMenu.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 1280px) {
  .ProductMenu_menu__mZLmS {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1280px) {
  .ProductMenu_menu__mZLmS {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.ProductMenu_outerWrapper__O0dll {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: calc((100 * 1vh) - (3.5rem));
  height: calc((var(--vh, 1vh) * 100) - (3.5rem));
  height: calc((100 * 1dvh) - (3.5rem));
  position: fixed;
  top: calc(3.5rem);
  right: 0;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 2;
}
@media only screen and (min-width: 928px) {
  .ProductMenu_outerWrapper__O0dll {
    position: absolute;
    width: 23.4375rem;
    height: unset;
  }
}
@media only screen and (min-width: 928px) and (max-width: 1279px) {
  .ProductMenu_outerWrapper__O0dll {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    right: 0.625rem;
    top: 3.1875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_outerWrapper__O0dll {
    position: fixed;
    width: 100%;
  }
}

.ProductMenu_innerWrapper__prr7t {
  display: flex;
  flex-wrap: wrap;
  padding: 1.25rem 0.625rem 0.6875rem 0.625rem;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_innerWrapper__prr7t {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    flex-wrap: nowrap;
    padding: 1.25rem 0 0;
  }
}

.ProductMenu_column__a81Jc {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_column__a81Jc {
    width: unset;
    padding-bottom: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media only screen and (max-width: 1279px) {
  .ProductMenu_categoryHandler__fmZBg {
    display: flex;
    margin-bottom: 0.5625rem;
  }
}

.ProductMenu_clapBtn__45W6R {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1.25rem;
}
.ProductMenu_clapBtn__45W6R:hover {
  cursor: pointer;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_clapBtn__45W6R {
    display: none;
  }
}

.ProductMenu_icoClap__lB0AX {
  width: 0.875rem;
  height: 0.625rem;
}

.ProductMenu_categoryWrapper__H5GxK {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: block;
  display: flex;
  min-width: 0;
}
@media only screen and (max-width: 1279px) {
  .ProductMenu_categoryWrapper__H5GxK {
    align-items: center;
    flex: 1 1;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_categoryWrapper__H5GxK {
    padding-right: unset;
    margin-bottom: 0.75rem;
  }
}

.ProductMenu_category__AuZWY {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ProductMenu_categoryLink__P3kHC {
  transition: color 0.1s ease-in-out;
}
@media (hover: hover) {
  .ProductMenu_categoryLink__P3kHC:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .ProductMenu_categoryLink__P3kHC:active {
    color: #5ACCAF;
  }
}

.ProductMenu_listItem__OxsTm {
  overflow: hidden;
}

.ProductMenu_product__zgQvI {
  transition: color 0.1s ease-in-out;
  display: block;
  margin-bottom: 0.5rem;
}
@media (hover: hover) {
  .ProductMenu_product__zgQvI:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .ProductMenu_product__zgQvI:active {
    color: #5ACCAF;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_product__zgQvI {
    margin-bottom: unset;
  }
}

.ProductMenu_variant__Y5j6b {
  display: block;
  margin-left: 1.25rem;
}

@media only screen and (max-width: 1279px) {
  .ProductMenu_btnWrapper__ap4JL {
    margin-bottom: 1.25rem;
  }
}

.ProductMenu_btn__mbUA8 {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  transition: color 0.1s ease-in-out;
  margin-top: 0.75rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
@media (hover: hover) {
  .ProductMenu_btn__mbUA8:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .ProductMenu_btn__mbUA8:active {
    color: #5ACCAF;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1730px) {
  .ProductMenu_btn__mbUA8 {
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 0;
    text-transform: none;
  }
}

.ProductMenu_layerText___sacg {
  margin-bottom: 0.625rem;
}

.ProductMenu_subMenu__pRQV8 {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  background: white;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_subMenu__pRQV8 {
    position: absolute;
    left: 0;
    width: auto;
  }
}

.ProductMenu_active__c4WN_ {
  display: block;
}
@media only screen and (min-width: 1280px) {
  .ProductMenu_active__c4WN_ {
    display: flex;
  }
}

.ProductMenu_mobileMenu__zpvTC {
  overflow-x: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  flex-wrap: nowrap;
}

.ProductMenu_mobileMenuItem__TfiHy {
  padding: 0 0.625rem;
  width: unset;
}

.ProductMenu_mobileMenu__zpvTC > .ProductMenu_mobileMenuItem__TfiHy > ul {
  height: calc(100vh - 3.5rem);
  overflow-y: scroll;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/SearchLine/SearchLine.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SearchLine_wrapper__JYrES {
  position: relative;
}

.SearchLine_input__obHv_ {
  width: 100%;
  height: 2.125rem;
  padding: 0.625rem 0.875rem 0 0;
  border-bottom: 1px solid #f2f2f2;
}
.SearchLine_input__obHv_::-webkit-search-cancel-button {
  visibility: hidden;
  display: none;
}

.SearchLine_ico__5ahgK {
  width: 0.6875rem;
  height: 0.6875rem;
  position: absolute;
  right: 0;
  bottom: 0.625rem;
}
.SearchLine_ico__5ahgK:hover {
  cursor: pointer;
}

.SearchLine_errorText__v4iih {
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/ProductGroupsMenu/ProductGroupsMenu.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProductGroupsMenu_desktopWrapper__WxQlF {
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 0 1.25rem;
}
@media only screen and (min-width: 928px) {
  .ProductGroupsMenu_desktopWrapper__WxQlF {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_desktopWrapper__WxQlF {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1920px) {
  .ProductGroupsMenu_desktopWrapper__WxQlF {
    gap: 0 1.875rem;
  }
}

.ProductGroupsMenu_mobileWrapper__63KpP {
  display: flex;
  overflow-x: auto;
}

.ProductGroupsMenu_menuCategory__sxdKz {
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .ProductGroupsMenu_menuCategory__sxdKz {
    padding: 0 0.625rem;
  }
}

.ProductGroupsMenu_menuCategoryMaterial__c73R4 {
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .ProductGroupsMenu_menuCategoryMaterial__c73R4 {
    padding-left: 1.25rem;
  }
}

.ProductGroupsMenu_categoryWrapper__9Q8NZ {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}
@media only screen and (max-width: 1279px) {
  .ProductGroupsMenu_categoryWrapper__9Q8NZ {
    display: flex;
    height: 1.875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_categoryWrapper__9Q8NZ {
    display: inline-grid;
    min-width: 0;
  }
}

.ProductGroupsMenu_category__O__Fk {
  transition: color 0.1s ease-in-out;
  height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (hover: hover) {
  .ProductGroupsMenu_category__O__Fk:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .ProductGroupsMenu_category__O__Fk:active {
    color: #5ACCAF;
  }
}
.ProductGroupsMenu_category__O__Fk[data-active] {
  color: #4AAC9C;
}

.ProductGroupsMenu_dropdown__IfDs4 {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 501px) {
  .ProductGroupsMenu_dropdown__IfDs4 {
    width: auto;
    margin-top: -0.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_dropdown__IfDs4 {
    position: absolute;
    left: -1.25rem;
    width: auto;
    margin-top: unset;
    padding-top: calc(1.125rem - 0.5rem);
  }
}

.ProductGroupsMenu_active___fYCt {
  display: block;
}

.ProductGroupsMenu_dropdownInner__jhBsB {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  background: #FFFFFF;
}

.ProductGroupsMenu_columnWrapperDefault__VYoZ0 {
  height: calc((100 * 1vh) - (calc(3.5rem + 1.875rem)));
  height: calc((var(--vh, 1vh) * 100) - (calc(3.5rem + 1.875rem)));
  height: calc((100 * 1dvh) - (calc(3.5rem + 1.875rem)));
  padding-top: 1.0625rem;
}
@media only screen and (min-width: 501px) {
  .ProductGroupsMenu_columnWrapperDefault__VYoZ0 {
    max-height: calc((100 * 1vh) - (calc(3.5rem + 1.875rem - 0.5rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.5rem + 1.875rem - 0.5rem)));
    max-height: calc((100 * 1dvh) - (calc(3.5rem + 1.875rem - 0.5rem)));
    height: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_columnWrapperDefault__VYoZ0 {
    max-height: calc((100 * 1vh) - (calc(3.5rem - 0.5rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.5rem - 0.5rem)));
    max-height: calc((100 * 1dvh) - (calc(3.5rem - 0.5rem)));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }
}

.ProductGroupsMenu_columnWrapper__hgBko {
}
@media only screen and (max-width: 1279px) {
  .ProductGroupsMenu_columnWrapper__hgBko {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.ProductGroupsMenu_columnWrapperMaterial__Ltkjd {
}
@media only screen and (max-width: 1279px) {
  .ProductGroupsMenu_columnWrapperMaterial__Ltkjd {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.ProductGroupsMenu_listItem__PymyL {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.625rem;
}
.ProductGroupsMenu_listItem__PymyL:last-of-type {
  padding-bottom: 0.625rem;
  margin-bottom: unset;
}
@media only screen and (min-width: 501px) {
  .ProductGroupsMenu_listItem__PymyL {
    width: 15.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ProductGroupsMenu_listItem__PymyL {
    margin-bottom: unset;
    width: 13.4375rem;
  }
  .ProductGroupsMenu_listItem__PymyL:last-of-type {
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1400px) {
  .ProductGroupsMenu_listItem__PymyL {
    width: 14.375rem;
  }
}
@media only screen and (min-width: 1560px) {
  .ProductGroupsMenu_listItem__PymyL {
    width: 15.625rem;
  }
}

.ProductGroupsMenu_product__hIXzQ {
  transition: color 0.1s ease-in-out;
  display: inline;
}
@media (hover: hover) {
  .ProductGroupsMenu_product__hIXzQ:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .ProductGroupsMenu_product__hIXzQ:active {
    color: #5ACCAF;
  }
}

.ProductGroupsMenu_closeButton__caTqO {
  position: absolute;
  right: 0.625rem;
  top: 1.125rem;
}

.ProductGroupsMenu_closeIcon__I1PX0 {
  width: 0.6875rem;
  height: 0.6875rem;
}
.ProductGroupsMenu_closeIcon__I1PX0:hover {
  cursor: pointer;
}

.ProductGroupsMenu_btn__CUSYe {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  transition: color 0.1s ease-in-out;
  margin-top: 0.75rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
@media (hover: hover) {
  .ProductGroupsMenu_btn__CUSYe:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .ProductGroupsMenu_btn__CUSYe:active {
    color: #5ACCAF;
  }
}

.ProductGroupsMenu_materialAddition__L3RaY {
  margin-top: 0.9375rem;
  padding-top: 0.9375rem;
  border-top: 1px solid #e5e5e5;
}

.ProductGroupsMenu_btnLetsTalk__Quxlw {
  width: 100%;
  margin-top: 0.9375rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Default.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 1280px) {
  .Default_siteUnit__uIYj3 {
    max-width: 1670px;
    margin-left: auto;
    margin-right: auto;
  }
}

.Default_siteUnitMaterialsDist__RCF9z {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.Default_siteUnitMaterials__ZPBuS {
}
@media only screen and (min-width: 1960px) {
  .Default_siteUnitMaterials__ZPBuS {
    max-width: 1940px;
    margin-left: auto;
    margin-right: auto;
  }
}

.Default_mainDistTop__KWwPZ {
  margin-top: 0.9375rem;
}

.Default_secondaryDistTop__wAlpz {
  margin-top: 0.9375rem;
}
@media only screen and (min-width: 1280px) {
  .Default_secondaryDistTop__wAlpz {
    margin-top: 6.875rem;
  }
}

.Default_mainDistBottom__lLeZ2 {
  margin-bottom: 2.5rem;
}

.Default_secondaryDistBottom__7STW3 {
  margin-bottom: 3.75rem;
}

.Default_mainDist__Yprby {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TopSellersList/TopSellersList.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TopSellersList_wrapper__50oMX {
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 928px) {
  .TopSellersList_wrapper__50oMX {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .TopSellersList_wrapper__50oMX {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 501px) {
  .TopSellersList_wrapper__50oMX {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1730px) {
  .TopSellersList_wrapper__50oMX {
    gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.TopSellersList_inner__7lMc6 {
  position: relative;
  height: 16.25rem;
}
@media only screen and (min-width: 501px) {
  .TopSellersList_inner__7lMc6 {
    height: 11.875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .TopSellersList_inner__7lMc6 {
    height: 16.25rem;
  }
}
@media only screen and (min-width: 1730px) {
  .TopSellersList_inner__7lMc6 {
    height: 26.25rem;
  }
}

.TopSellersList_img__2jmzd {
  min-height: 11.25rem;
  height: 100%;
}

.TopSellersList_titleHolder__uzwCj, .TopSellersList_titleHolderOpen__VwNFi {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 2.5rem 1.25rem;
  background-color: #26606Ecc;
  color: #FFFFFF;
  max-height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 501px) {
  .TopSellersList_titleHolder__uzwCj, .TopSellersList_titleHolderOpen__VwNFi {
    padding: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .TopSellersList_titleHolder__uzwCj, .TopSellersList_titleHolderOpen__VwNFi {
    padding: 2.5rem 1.875rem;
  }
}

.TopSellersList_titleHolderOpen__VwNFi {
  padding: 1.25rem 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .TopSellersList_titleHolderOpen__VwNFi {
    padding: 1.875rem 1.875rem;
  }
}
@media only screen and (min-width: 1730px) {
  .TopSellersList_titleHolderOpen__VwNFi {
    padding: 2.5rem 1.875rem 1.875rem;
  }
}

.TopSellersList_title__P91p7 {
  font-weight: 500;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  line-height: 1.4285714286;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .TopSellersList_title__P91p7 {
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 1730px) {
  .TopSellersList_title__P91p7 {
    font-weight: 500;
    font-size: 1.75rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    line-height: 2rem;
  }
}

.TopSellersList_description__4KS1E {
  margin-top: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .TopSellersList_description__4KS1E {
    margin-top: 1.875rem;
  }
}
@media only screen and (min-width: 1730px) {
  .TopSellersList_description__4KS1E {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    margin-top: 2.5rem;
    line-height: 1.5714285714;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/PageHeader/PageHeaderMaterial.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PageHeaderMaterial_wrapper__eaw80 {
  position: relative;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1730px) {
  .PageHeaderMaterial_wrapper__eaw80 {
    margin-bottom: 2.5rem;
  }
}

.PageHeaderMaterial_bg__u0Rbl {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.PageHeaderMaterial_bg__u0Rbl img {
  object-fit: cover;
}

.PageHeaderMaterial_headerText__agAoi {
}

.PageHeaderMaterial_headline2__xs2Z5 {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
  text-transform: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 7.8125rem;
  color: #26606E;
}
@media only screen and (min-width: 928px) {
  .PageHeaderMaterial_headline2__xs2Z5 {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderMaterial_headline2__xs2Z5 {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderMaterial_headline2__xs2Z5 {
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1.25;
    text-transform: none;
    min-height: 17.5rem;
  }
}
@media only screen and (min-width: 1730px) {
  .PageHeaderMaterial_headline2__xs2Z5 {
    font-weight: 500;
    font-size: 3.75rem;
    line-height: 1.1333333333;
    min-height: 22.5rem;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Search/Search.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Search_ul__H348q {
  position: absolute;
}

.Search_wrapper___VnhW {
  display: flex;
}

.Search_inputWrapper__01A9O {
  position: relative;
  display: inline-flex;
  flex: auto;
}

.Search_input__KpHuM {
  flex: auto;
  padding: 2px 0.625rem 0 0.625rem;
}
.Search_input__KpHuM::-webkit-search-cancel-button {
  visibility: hidden;
  display: none;
}

@media screen and (min--moz-device-pixel-ratio: 0) {
  .Search_input__KpHuM {
    padding-top: 0;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .Search_input__KpHuM {
    padding-top: 0;
  }
}
.Search_searchButton__UiSq3 {
  display: inline-flex;
  align-items: center;
  width: 0.9375rem;
  height: 2.5rem;
  margin-right: 0.625rem;
}
.Search_searchButton__UiSq3:hover {
  color: inherit;
}

.Search_searchIconOuter__OZ6p7 {
  position: relative;
  width: 14px;
  height: 14px;
}
.Search_searchIconOuter__OZ6p7::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 4px;
  height: 1px;
  background-color: #000000;
  transform: rotate(45deg);
  transform-origin: right bottom;
}

.Search_searchIconInner__F_TsZ {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}

.Search_ul__H348q {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  left: 0;
  top: 2.5rem;
  max-width: calc(100% + 0.9375rem + 0.625rem);
  z-index: 2;
}
.Search_ul__H348q a {
  display: block;
}
.Search_ul__H348q a:first-child {
  padding-top: 0.625rem;
}
.Search_ul__H348q a:last-child {
  padding-bottom: 0.625rem;
}

.Search_li__DbXvt {
  color: #808080;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  cursor: pointer;
}
.Search_li__DbXvt:hover {
  color: #000000;
}

.Search_hit__sVb3B {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  color: #000000;
}

.Search_liSelected__S28xi {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Carousel/Carousel.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Carousel_carousel__O07Q9 {
  margin: 0 auto;
  position: relative;
}

.Carousel_carouseInner__VQQFq {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  height: 50vh;
  min-height: 430px;
}
@media only screen and (min-width: 501px) {
  .Carousel_carouseInner__VQQFq {
    min-height: 280px;
  }
}
@media only screen and (min-width: 928px) {
  .Carousel_carouseInner__VQQFq {
    min-height: 390px;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_carouseInner__VQQFq {
    min-height: 500px;
  }
}
@media only screen and (min-width: 1920px) {
  .Carousel_carouseInner__VQQFq {
    min-height: 540px;
  }
}
@media only screen and (min-width: 2560px) {
  .Carousel_carouseInner__VQQFq {
    min-height: 710px;
  }
}

.Carousel_carouselItem__98YnV {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.Carousel_carouselItemInfo__iBoUN {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

.Carousel_img__tBDxb {
  height: 100%;
  width: 100%;
  top: 0;
  object-fit: cover;
  position: absolute;
}

.Carousel_headline___B9Bv {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.875rem;
  line-height: 1.2666666667;
  font-weight: 500;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: calc(calc(0.9375rem + 3.75rem) + 2.5rem + 0.5rem + 1.25rem);
}
@media only screen and (min-width: 928px) {
  .Carousel_headline___B9Bv {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_headline___B9Bv {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 928px) {
  .Carousel_headline___B9Bv {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_headline___B9Bv {
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 1730px) {
  .Carousel_headline___B9Bv {
    font-size: 6.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .Carousel_headline___B9Bv {
    padding-bottom: calc(calc(1.25rem + 3.75rem) + 2.5rem + 0.5rem + 1.25rem);
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_headline___B9Bv {
    padding-bottom: calc(calc(1.25rem + 3.75rem) + 2.5rem + 2.1875rem + 2.5rem);
  }
}
.Carousel_headline___B9Bv h1 {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: initial;
  line-height: inherit;
}
@media only screen and (max-width: 1279px) {
  .Carousel_headline___B9Bv h1 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
  }
}

.Carousel_staticWrapper__6Q2eH {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 501px) and (max-width: 927px) {
  .Carousel_staticWrapper__6Q2eH:has(ul) ~ div:last-of-type {
    display: none;
  }
}

.Carousel_staticContent__1bdX7 {
  width: 100%;
  z-index: 3;
  transform: translateY(-0.5rem);
  margin-top: calc((calc(0.9375rem + 3.75rem) + 2.5rem ) * -1);
  transition: padding-top 1s;
}
@media only screen and (min-width: 928px) {
  .Carousel_staticContent__1bdX7 {
    margin-top: calc((calc(1.25rem + 3.75rem) + 2.5rem) * -1);
  }
}
@media only screen and (min-width: 1280px) {
  .Carousel_staticContent__1bdX7 {
    transform: translateY(-2.1875rem);
  }
}

.Carousel_placeholder__PpRoM {
  height: 0.9375rem;
  margin-top: 3.75rem;
}
@media only screen and (min-width: 928px) {
  .Carousel_placeholder__PpRoM {
    height: 1.25rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Carousel/CarouselIndicators.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CarouselIndicators_carouselIndicators__lb_hK {
  position: absolute;
  bottom: 2.5rem;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 501px) and (max-width: 927px) {
  .CarouselIndicators_carouselIndicators__lb_hK {
    z-index: 3;
  }
}

.CarouselIndicators_carouselIndicatorsHolder__i6225 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
  margin: 0 0.625rem;
}

.CarouselIndicators_carouselIndicatorItem__nk97g {
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
  cursor: pointer;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 928px) {
  .CarouselIndicators_carouselIndicatorItem__nk97g {
    width: 1.25rem;
    height: 1.25rem;
  }
}

@keyframes CarouselIndicators_dash__rODdb {
  0% {
    stroke-dasharray: 0 31.42;
  }
  100% {
    stroke-dasharray: 31.42 31.42;
  }
}
.CarouselIndicators_bgDefault__xeSd3 {
  background-color: #FFFFFF;
}

.CarouselIndicators_bgActive__tS8as {
  background-color: #26606E;
}

.CarouselIndicators_dasharray__JR_ho {
  display: none;
}

.CarouselIndicators_loadingIndicator__C7h5D .CarouselIndicators_dasharray__JR_ho {
  display: block;
  fill: #FFFFFF;
  stroke: #26606E;
  animation: CarouselIndicators_dash__rODdb;
}

.CarouselIndicators_playPause__UsBI3 {
  width: 0.9375rem;
  height: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media only screen and (min-width: 928px) {
  .CarouselIndicators_playPause__UsBI3 {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.CarouselIndicators_playPause__UsBI3 svg {
  width: 0.9375rem;
  height: 0.9375rem;
  transform: rotate(90deg);
}

.CarouselIndicators_svgSize__A8zEa {
  width: 0.9375rem;
  height: 0.9375rem;
}
@media only screen and (min-width: 928px) {
  .CarouselIndicators_svgSize__A8zEa {
    width: 1.25rem;
    height: 1.25rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/IndexAboveFold/IndexAboveFold.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.IndexAboveFold_wrapper__kZEby {
  position: relative;
}

.IndexAboveFold_figureFullScreen__1tA6p {
  height: calc(100vh - 3.5rem);
  min-height: 430px;
}

.IndexAboveFold_figureHalfScreen__2Hvor {
  height: 50vh;
  min-height: 430px;
}
@media only screen and (min-width: 501px) {
  .IndexAboveFold_figureHalfScreen__2Hvor {
    min-height: 270px;
  }
}
@media only screen and (min-width: 928px) {
  .IndexAboveFold_figureHalfScreen__2Hvor {
    min-height: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_figureHalfScreen__2Hvor {
    min-height: 400px;
  }
}

.IndexAboveFold_image__YMbPF {
  width: 100vw;
  height: 100%;
  max-height: none;
  object-fit: cover;
}

.IndexAboveFold_content__NS9tQ {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.IndexAboveFold_contentCentered__d8buv {
  top: 50%;
}

.IndexAboveFold_contentOpticalCentered__laMSW {
  top: calc(50% - (3.5rem / 2) - 7px);
}

.IndexAboveFold_headline__SvbIh {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.875rem;
  line-height: 1.2666666667;
  font-weight: 500;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.85));
  margin-bottom: 0.625rem;
  text-align: center;
  color: white;
}
@media only screen and (min-width: 928px) {
  .IndexAboveFold_headline__SvbIh {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_headline__SvbIh {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 928px) {
  .IndexAboveFold_headline__SvbIh {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_headline__SvbIh {
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 1730px) {
  .IndexAboveFold_headline__SvbIh {
    font-size: 6.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_headline__SvbIh {
    margin-bottom: 1.5625rem;
  }
}

.IndexAboveFold_headlineEP__rvKVQ {
}
@media only screen and (min-width: 1280px) and (max-width: 1480px) {
  .IndexAboveFold_headlineEP__rvKVQ {
    font-size: 5.3125rem;
  }
}

.IndexAboveFold_headlineEPD__2ywbg {
}
@media only screen and (max-width: 500px) {
  .IndexAboveFold_headlineEPD__2ywbg {
    width: 270px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.IndexAboveFold_subline__PaKHF {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.6666666667;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
  color: #FFFFFF;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.85));
}
@media only screen and (max-width: 927px) {
  .IndexAboveFold_subline__PaKHF {
    visibility: hidden !important;
    display: none !important;
  }
}
@media only screen and (min-width: 928px) {
  .IndexAboveFold_subline__PaKHF {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_subline__PaKHF {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_subline__PaKHF {
    width: 1280px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.IndexAboveFold_searchWrapper__DWKNX {
  position: relative;
  width: 80%;
  min-width: 16.5625rem;
  transform: translatex(-50%);
  margin-left: 50%;
  background: white;
  z-index: 1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 650px) {
  .IndexAboveFold_searchWrapper__DWKNX {
    width: 60%;
  }
}
@media only screen and (min-width: 820px) {
  .IndexAboveFold_searchWrapper__DWKNX {
    width: 40%;
  }
}
@media only screen and (min-width: 928px) {
  .IndexAboveFold_searchWrapper__DWKNX {
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  .IndexAboveFold_searchWrapper__DWKNX {
    width: 40%;
  }
}

.IndexAboveFold_modalButton__vGrT3 {
  margin-left: 50%;
  margin-top: 0.75rem;
  transform: translateX(-50%);
}

.IndexAboveFold_spacer__CKH2C {
  height: 0.5rem;
}
@media only screen and (min-width: 1024px) {
  .IndexAboveFold_spacer__CKH2C {
    height: 0.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .IndexAboveFold_spacer__CKH2C {
    height: 2.1875rem;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Contact/ContactForm.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContactForm_wrapper__7ZPAx {
  display: flex;
  justify-content: center;
}

.ContactForm_innerWrapper__PsXxk {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 928px) {
  .ContactForm_innerWrapper__PsXxk {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .ContactForm_innerWrapper__PsXxk {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 928px) {
  .ContactForm_innerWrapper__PsXxk {
    width: calc((100% / 12 * 9 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .ContactForm_innerWrapper__PsXxk {
    width: calc((100% / 12 * 9 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .ContactForm_innerWrapper__PsXxk {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .ContactForm_innerWrapper__PsXxk {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}

.ContactForm_headline__AmB9i {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.3333333333;
  letter-spacing: 0;
  text-transform: none;
  text-align: center;
}

.ContactForm_text__6yEI5 {
  margin-top: 1.25rem;
  text-align: center;
}

.ContactForm_form__b1xCR {
  margin-top: 1.25rem;
}

.ContactForm_button__RgGCW {
  width: 100%;
  margin-top: 1.25rem;
}

.ContactForm_formButton__XPFBW {
}

.ContactForm_finalButton__E4tVu {
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Contact/Contact.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Contact_wrapper__UngvS {
  display: flex;
  flex-wrap: wrap;
}

.Contact_sector__2i11P {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 928px) {
  .Contact_sector__2i11P {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Contact_sector__2i11P {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .Contact_sector__2i11P {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Contact_sector__2i11P {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}

.Contact_image__Uu12x {
  padding-bottom: 1.25rem;
  text-align: center;
}

.Contact_ico__pg0kf {
  width: 2.5rem;
  height: 2.5rem;
}

.Contact_headline__BX_VF {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.3333333333;
  letter-spacing: 0;
  text-transform: none;
  padding-bottom: 1.0625rem;
  text-align: center;
}

.Contact_text__aK_DF {
  flex-grow: 1;
  text-align: center;
  margin-bottom: 1.625rem;
}

.Contact_form__I6crD {
  display: flex;
  flex-direction: column;
  height: 120px;
  margin-bottom: 1.25rem;
}

.Contact_textarea__CDyFK {
  flex-grow: 1;
}

.Contact_button__3RKyw {
  width: 100%;
}

.Contact_errorText__NsNNs {
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TextImageBlock/TextImageBlock.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextImageBlock_background__H8D9F {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .TextImageBlock_image__wqD_3 {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 1024px) {
  .TextImageBlock_image__wqD_3 {
    min-height: 31.25rem;
  }
}
@media only screen and (min-width: 1730px) {
  .TextImageBlock_image__wqD_3 {
    min-height: 75rem;
  }
}

.TextImageBlock_mobileView__xOtZu {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 800px) {
  .TextImageBlock_mobileView__xOtZu {
    display: none;
  }
}

.TextImageBlock_wrapper__TpBXO {
  position: relative;
}

.TextImageBlock_content__ZPK0O {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.5rem 1.25rem;
  gap: 2.5rem 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #FFFFFF;
}
@media only screen and (min-width: 928px) {
  .TextImageBlock_content__ZPK0O {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .TextImageBlock_content__ZPK0O {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .TextImageBlock_content__ZPK0O {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.875rem 1.25rem;
    padding-top: 20%;
  }
}
@media only screen and (min-width: 1024px) {
  .TextImageBlock_content__ZPK0O {
    position: absolute;
    bottom: 0;
    padding-top: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .TextImageBlock_content__ZPK0O {
    gap: 2.5rem;
  }
}
@media only screen and (min-width: 1730px) {
  .TextImageBlock_content__ZPK0O {
    gap: 6.25rem;
    padding-bottom: 8.75rem;
  }
}

.TextImageBlock_headline__ygCOX {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1730px) {
  .TextImageBlock_headline__ygCOX {
    font-weight: 500;
    font-size: 3.125rem;
    line-height: 1.16;
  }
}

@media only screen and (min-width: 1730px) {
  .TextImageBlock_text__eARnI {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.3636363636;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/BannerView/BannerView.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BannerView_background__IEHSd {
  background-color: #26606E;
}

.BannerView_wrapper__fnCNd {
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.5rem 1.25rem;
  gap: 2.5rem 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 928px) {
  .BannerView_wrapper__fnCNd {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerView_wrapper__fnCNd {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 700px) {
  .BannerView_wrapper__fnCNd {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5625rem 1.25rem;
  }
}
@media only screen and (min-width: 1730px) {
  .BannerView_wrapper__fnCNd {
    gap: 2.5rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    margin-bottom: 2.5rem;
  }
}

.BannerView_headline__5Z5se {
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1.3888888889;
  text-transform: none;
  text-transform: uppercase;
  color: #4AAC9C;
}
@media only screen and (min-width: 1280px) {
  .BannerView_headline__5Z5se {
    font-weight: 500;
    font-size: 2.8125rem;
    line-height: 1.1777777778;
    text-transform: none;
    line-height: 1.2444444444;
  }
}
@media only screen and (min-width: 1730px) {
  .BannerView_headline__5Z5se {
    font-weight: 500;
    font-size: 3.75rem;
    line-height: 1.1333333333;
    line-height: 1.25;
  }
}

.BannerView_text__2AbDV {
  color: #FFFFFF;
}
@media only screen and (min-width: 1280px) {
  .BannerView_text__2AbDV {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}
@media only screen and (min-width: 1730px) {
  .BannerView_text__2AbDV {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.3636363636;
  }
}

.BannerView_ul__KT0i7 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.625rem;
  color: #FFFFFF;
}
@media only screen and (min-width: 700px) {
  .BannerView_ul__KT0i7 {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1280px) {
  .BannerView_ul__KT0i7 {
    gap: 0.9375rem;
  }
}
@media only screen and (min-width: 1730px) {
  .BannerView_ul__KT0i7 {
    gap: 1.5625rem;
  }
}

.BannerView_li__zM5eK {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .BannerView_li__zM5eK {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.3636363636;
  }
}
@media only screen and (min-width: 1730px) {
  .BannerView_li__zM5eK {
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.3333333333;
    letter-spacing: 0;
    text-transform: none;
    gap: 1.875rem;
  }
}

.BannerView_icon__sHomH {
  width: 1.25rem;
  height: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .BannerView_icon__sHomH {
    width: 1.625rem;
    height: 1.625rem;
  }
}
@media only screen and (min-width: 1730px) {
  .BannerView_icon__sHomH {
    width: 2rem;
    height: 2rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TooltipContent/TooltipContent.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TooltipContent_wrapperWithImg__uOcF6 {
  display: flex;
  margin-top: 0.625rem;
}

.TooltipContent_img__41mwZ {
  flex: 1 1;
  margin-right: 0.75rem;
}

.TooltipContent_text__2YDTs {
  flex: 2 1;
}

.TooltipContent_image__GovCH {
  margin: 0.625rem 0;
  height: auto;
}

.TooltipContent_icon__HzeKG {
  margin-right: 0.375rem;
}

.TooltipContent_textLink__mKxrs {
  text-decoration: underline;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Calculator/CalculatorControlButtons.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalculatorControlButtons_button__KxDWG {
}

.CalculatorControlButtons_buttonDisabled__qQfsk {
  background-color: #BFBFBF;
  color: #808080;
  pointer-events: none;
}
.CalculatorControlButtons_buttonDisabled__qQfsk:hover, .CalculatorControlButtons_buttonDisabled__qQfsk:active {
  background-color: #BFBFBF;
  color: #808080;
}

.CalculatorControlButtons_calcButtons__zl7JE {
  display: inline-flex;
}

.CalculatorControlButtons_tip__p_48Z {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  min-width: 2.5rem;
  margin-left: 1px;
  background-color: #26606E;
}

.CalculatorControlButtons_tooltip__mlUSw {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}

.CalculatorControlButtons_toolTipIcon__W0LSa {
  width: 1.125rem;
  height: 1.125rem;
  color: #26606E;
  fill: #FFFFFF;
}

.CalculatorControlButtons_buttonInfowerk__JnSfc {
  height: 2.5rem;
  width: 100%;
}
@media only screen and (min-width: 1730px) {
  .CalculatorControlButtons_buttonInfowerk__JnSfc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375;
    height: 2.8125rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TooltipButton/TooltipButton.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TooltipButton_tooltipMouseArea__8q_9J {
  display: flex;
  justify-content: center;
}

.TooltipButton_tooltipButton__BNxjs {
  display: flex;
  width: 0.75rem;
  height: 0.75rem;
}

.TooltipButton_tooltipButtonBig__UcC47 {
  display: flex;
  width: 1.125rem;
  height: 1.125rem;
}

.TooltipButton_tooltipMouseAreaFlexible__WaRT4 {
  width: 100%;
  height: 100%;
}

.TooltipButton_tooltipButtonFlexible__QPZ3L {
  width: 100%;
  height: 100%;
}

.TooltipButton_toolTipIcon__nO_3d {
  width: 1.125rem;
  height: 1.125rem;
  color: #26606E;
  fill: #26606E;
}

.TooltipButton_toolTipIconInactive__HGpRg {
  width: 1.125rem;
  height: 1.125rem;
  fill: #e5e5e5;
}

.TooltipButton_tooltipContent__4AFDs {
  max-width: 18.125rem;
  padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
  display: inline-block;
  color: #FFFFFF;
}

.TooltipButton_headline__fhglv {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0.375rem;
}

.TooltipButton_text__mB_t_ {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6666666667;
}

.TooltipButton_active__K2MHT {
  height: 3.125rem;
}

.TooltipButton_tippedElementWrapper__BBrzv {
  width: 100%;
}

.TooltipButton_closeTutorial__5VuBC {
  position: absolute;
  display: flex;
  right: 0.6875rem;
  top: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  color: #FFFFFF;
}

.TooltipButton_closeTutorialIcon__8aqdk {
  width: inherit;
  height: inherit;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Calculator/CalculatorPriceSummary.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalculatorPriceSummary_price__Crkdf {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4444444444;
}
@media only screen and (min-width: 1730px) {
  .CalculatorPriceSummary_price__Crkdf {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: none;
  }
}

.CalculatorPriceSummary_subline__Y_H3O {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1.4;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Calculator/CalculatorConfigurations.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CalculatorConfigurations_itemBoxFull__KOLon {
  grid-column: span 2;
}

.CalculatorConfigurations_itemBoxHalf__zIaPH {
  grid-column: span 1;
}

.CalculatorConfigurations_titleWrapper__iggjW {
  display: flex;
  gap: 0.625rem;
  margin-bottom: -0.3125rem;
}

.CalculatorConfigurations_title__0_Jdw {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  flex: auto;
}

.CalculatorConfigurations_titleWrapperInfowerk__vQcnh {
  margin-bottom: 0.3125rem;
}

.CalculatorConfigurations_titleInfowerk___G_5V {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
}
@media only screen and (min-width: 1730px) {
  .CalculatorConfigurations_titleInfowerk___G_5V {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Calculator/Calculator.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 501px) {
  .Calculator_wrapper___92AR {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.625rem 1.25rem;
    gap: 0.625rem 1.25rem;
  }
}

.Calculator_contenBtnLine__vHDcc {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  margin-top: auto;
  padding-top: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .Calculator_contenBtnLine__vHDcc {
    flex-direction: row;
  }
}

.Calculator_wrapperInfowerk__wZ9RR {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.25rem 0.625rem;
  gap: 1.25rem 0.625rem;
  width: 100%;
  margin-bottom: 1.875rem;
}
@media only screen and (min-width: 1280px) {
  .Calculator_wrapperInfowerk__wZ9RR {
    margin-bottom: 1.25rem;
  }
}

.Calculator_contenBtnLineInfowerk__gxbEL {
  padding-top: 0;
  align-items: flex-start;
  gap: 0;
}
@media only screen and (min-width: 501px) {
  .Calculator_contenBtnLineInfowerk__gxbEL {
    flex-direction: column;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/MaterialProductContent/MaterialProductContent.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MaterialProductContent_wrapper__xk9RS {
  position: relative;
  padding-top: 2.5rem;
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_wrapper__xk9RS {
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_wrapper__xk9RS {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}

.MaterialProductContent_figure__s6Gqs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.MaterialProductContent_figure__s6Gqs img {
  object-fit: cover;
}

.MaterialProductContent_headline__8hQ7y {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 500;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  position: relative;
  margin-bottom: 2.5rem;
  color: #26606E;
  line-height: 1.4;
}
@media only screen and (min-width: 928px) {
  .MaterialProductContent_headline__8hQ7y {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_headline__8hQ7y {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_headline__8hQ7y {
    font-weight: 500;
    font-size: 1.875rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    line-height: 1.3333333333;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_headline__8hQ7y {
    font-weight: 500;
    font-size: 3.75rem;
    line-height: 1.1333333333;
    margin-bottom: 5rem;
  }
}

.MaterialProductContent_content__eTwOq {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 500px) {
  .MaterialProductContent_content__eTwOq {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_content__eTwOq {
    gap: 1.25rem 0;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_content__eTwOq {
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }
}
@media only screen and (min-width: 1730px) and (min-width: 928px) {
  .MaterialProductContent_content__eTwOq {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1730px) and (min-width: 1280px) {
  .MaterialProductContent_content__eTwOq {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.MaterialProductContent_contentItem__73VdH {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_contentItem__73VdH {
    padding: 2.5rem;
  }
}

.MaterialProductContent_calculator__l4mbh {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  order: 1;
  background-color: #f7f7f7;
}
@media only screen and (min-width: 928px) {
  .MaterialProductContent_calculator__l4mbh {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_calculator__l4mbh {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_calculator__l4mbh {
    width: calc((100% / 12 * 5 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
    order: unset;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_calculator__l4mbh {
    margin: unset;
    width: unset;
  }
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_calculator__l4mbh {
    background-color: #FFFFFF;
  }
}

.MaterialProductContent_description__wPEC9 {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  order: 2;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 500px) {
  .MaterialProductContent_description__wPEC9 {
    padding-top: 2.5rem;
  }
}
@media only screen and (min-width: 928px) {
  .MaterialProductContent_description__wPEC9 {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_description__wPEC9 {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_description__wPEC9 {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 928px) {
  .MaterialProductContent_description__wPEC9 {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_description__wPEC9 {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_description__wPEC9 {
    width: calc((100% / 12 * 4 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
    order: unset;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_description__wPEC9 {
    margin: unset;
    width: unset;
  }
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_description__wPEC9 {
    background-color: rgba(255, 255, 255, 0.7);
  }
}

.MaterialProductContent_specification__8Cril {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  order: 3;
  padding-bottom: 2.5rem;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 928px) {
  .MaterialProductContent_specification__8Cril {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_specification__8Cril {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_specification__8Cril {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 928px) {
  .MaterialProductContent_specification__8Cril {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_specification__8Cril {
    width: calc((100% / 12 * 6 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_specification__8Cril {
    width: calc((100% / 12 * 3 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
    order: unset;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_specification__8Cril {
    margin: unset;
    width: unset;
  }
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_specification__8Cril {
    background-color: rgba(255, 255, 255, 0.7);
  }
}

.MaterialProductContent_contentHeadline__IEPBJ {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .MaterialProductContent_contentHeadline__IEPBJ {
    margin-bottom: 1.875rem;
  }
}
@media only screen and (min-width: 1730px) {
  .MaterialProductContent_contentHeadline__IEPBJ {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: none;
    margin-bottom: 1.25rem;
  }
}

.MaterialProductContent_contentText__Gtf1i {
  margin-bottom: 1.25rem;
}

.MaterialProductContent_contenBtnLine__3CLkJ {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  margin-top: auto;
}
@media only screen and (min-width: 501px) {
  .MaterialProductContent_contenBtnLine__3CLkJ {
    flex-direction: row;
  }
}

.MaterialProductContent_button__X_Vxf {
}

.MaterialProductContent_specificationListWrapper__ittVh {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.25rem;
}

.MaterialProductContent_specificationList__6Jk39 {
  display: flex;
  align-items: center;
}

.MaterialProductContent_type__4ssqT {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  flex: 1 1;
  white-space: nowrap;
}

.MaterialProductContent_value__LhZX9 {
  display: inline-flex;
  align-items: center;
  height: 1.875rem;
  flex: 4 1;
  border-bottom: 1px solid #BFBFBF;
}

.MaterialProductContent_specificationList__6Jk39:first-of-type .MaterialProductContent_value__LhZX9 {
  border-top: 1px solid #BFBFBF;
}

.MaterialProductContent_buttonWithAnimation__B_ux_ {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.MaterialProductContent_placeholder__BOn3H {
  height: 0.5rem;
  width: 0.875rem;
}

.MaterialProductContent_toolTipIcon__mVaaE {
  width: 0.75rem;
  height: 0.75rem;
  color: #26606E;
  fill: #FFFFFF;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Modal/ModalSmall.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalSmall_overlay__qYWMW {
}

.ModalSmall_overlayBlur__yCu6b {
}

.ModalSmall_origin__tj0Sa {
}

.ModalSmall_wrapper__Jg7_A {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .ModalSmall_wrapper__Jg7_A {
    width: 25%;
  }
}

.ModalSmall_bottom__Ea7TL {
}

.ModalSmall_content__ERJ0y {
}

.ModalSmall_close__ceiOi {
}

.ModalSmall_closeIcon__sT3cm {
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/News/NewsItem.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsItem_description__geoZu, .NewsItem_headline__qLKbp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}

.NewsItem_wrapper__NMX1b {
  min-height: 17.5rem;
  border: 1px solid #26606E;
  padding: 1.25rem;
}
@media only screen and (min-width: 501px) {
  .NewsItem_wrapper__NMX1b {
    min-height: 17.375rem;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsItem_wrapper__NMX1b {
    height: auto;
    padding: 1.875rem;
  }
}

.NewsItem_header__MgV02 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 1280px) {
  .NewsItem_header__MgV02 {
    margin-bottom: 1.875rem;
  }
}

.NewsItem_image__HmyFe {
  width: 3.75rem;
  height: 3.75rem;
}
@media only screen and (min-width: 1280px) {
  .NewsItem_image__HmyFe {
    width: 6.875rem;
    height: 6.875rem;
  }
}

.NewsItem_headline__qLKbp {
  font-weight: 500;
  font-size: 0.875rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5714285714;
  text-transform: uppercase !important;
}
@media only screen and (min-width: 1280px) {
  .NewsItem_headline__qLKbp {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    text-transform: none;
  }
}

@media only screen and (min-width: 1280px) {
  .NewsItem_description__geoZu {
    margin-bottom: 1.25rem;
  }
}

.NewsItem_footer__aFrlH {
  display: flex;
  flex-direction: column-reverse;
  gap: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .NewsItem_footer__aFrlH {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.NewsItem_date__kHE6_ {
  color: #808080;
  order: 1;
}
@media only screen and (min-width: 1280px) {
  .NewsItem_date__kHE6_ {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}

.NewsItem_btn__OdfAT {
  width: -moz-fit-content;
  width: fit-content;
  text-transform: none;
  letter-spacing: unset;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/News/NewsList.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NewsList_wrapper__WYg1f {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 928px) {
  .NewsList_wrapper__WYg1f {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .NewsList_wrapper__WYg1f {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 501px) {
  .NewsList_wrapper__WYg1f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  .NewsList_wrapper__WYg1f {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
    margin-top: 2.5rem;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Pagination/Pagination.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Pagination_wrapper__C8V98 {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  text-align: center;
  color: #808080;
}

.Pagination_wrapperWithBorder__3p2_6 {
  margin-left: 10px;
  margin-right: 10px;
  border-top: 1px solid #BFBFBF;
}
@media only screen and (min-width: 928px) {
  .Pagination_wrapperWithBorder__3p2_6 {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Pagination_wrapperWithBorder__3p2_6 {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.Pagination_list__QkQUA {
  display: inline-flex;
}

.Pagination_arrow__O_Dw_ {
  width: 7px;
  height: 11px;
  vertical-align: middle;
  padding: 0 0.75rem;
  color: #000000;
}

.Pagination_arrowBack__ofI2u {
  transform: rotate(180deg);
}

.Pagination_page__mP9sa {
  padding: 0 0.75rem;
}

.Pagination_pageActive__7jBhX {
  color: #000000;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/FreeText/FreeText.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FreeText_mainDist__ljYou {
}

.FreeText_wrapper__n6zGM {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 928px) {
  .FreeText_wrapper__n6zGM {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .FreeText_wrapper__n6zGM {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}

.FreeText_text__PAqPj h4 {
  margin-bottom: 1.875rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/PageHeader/PageHeader.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PageHeader_wrapper__F2XiB {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
@media only screen and (min-width: 928px) {
  .PageHeader_wrapper__F2XiB {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeader_wrapper__F2XiB {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}

.PageHeader_bg__8feTz {
  position: absolute;
  height: 100%;
  background-color: #f2f2f2;
}

.PageHeader_img__jBDdT {
  width: 100%;
  height: 100%;
}

.PageHeader_headerText__626f1 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.PageHeader_line__dRW7k {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}

.PageHeader_headline__l5oO9 {
  line-height: normal;
  white-space: nowrap;
  margin-left: calc(.4 * -0.375rem);
  margin-right: calc(.4 * -0.375rem);
}
@media only screen and (min-width: 501px) {
  .PageHeader_headline__l5oO9 {
    margin-left: calc(.5 * -0.375rem);
    margin-right: calc(.5 * -0.375rem);
  }
}
@media only screen and (min-width: 928px) {
  .PageHeader_headline__l5oO9 {
    margin-left: calc(.7 * -0.375rem);
    margin-right: calc(.7 * -0.375rem);
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeader_headline__l5oO9 {
    margin-left: calc(.85 * -0.375rem);
    margin-right: calc(.85 * -0.375rem);
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeader_headline__l5oO9 {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/PageHeader/PageHeaderProducts.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PageHeaderProducts_wrapper__mBZ_3 {
  margin-bottom: 1.25rem;
}

.PageHeaderProducts_bg__KBhwk {
  width: 100%;
}

.PageHeaderProducts_img__b4h_L {
}

.PageHeaderProducts_headerText__g205m {
  padding: 2.5rem 1.25rem;
  text-align: center;
}
@media only screen and (min-width: 350px) {
  .PageHeaderProducts_headerText__g205m {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_headerText__g205m {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_headerText__g205m {
    padding: 2.5rem 3.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_headerText__g205m {
    min-height: calc(50vh - 1px);
    width: 49%;
    padding: 2.5rem 5%;
  }
}
@media only screen and (min-width: 2185px) {
  .PageHeaderProducts_headerText__g205m {
    width: 51%;
  }
}

.PageHeaderProducts_headerText2__bEKjr {
  width: 110px;
  min-height: 5.125rem;
  margin-left: 0.625rem;
}
@media only screen and (min-width: 501px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 220px;
    min-height: 10.625rem;
    margin-left: 1.25rem;
  }
}
@media only screen and (min-width: 926px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 250px;
    min-height: 11.375rem;
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 270px;
    min-height: 12.5rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 330px;
    min-height: 15.75rem;
    margin-left: 1.875rem;
  }
}
@media only screen and (min-width: 1440px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 380px;
    min-height: 17.75rem;
  }
}
@media only screen and (min-width: 1680px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 445px;
    min-height: 20.75rem;
    margin-left: 2.5rem;
  }
}
@media only screen and (min-width: 1920px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 520px;
    min-height: 23.75rem;
  }
}
@media only screen and (min-width: 2560px) {
  .PageHeaderProducts_headerText2__bEKjr {
    width: 700px;
    min-height: 31.75rem;
    margin-left: 3.125rem;
  }
}

.PageHeaderProducts_line__hoA_g {
  text-align: center;
}

.PageHeaderProducts_headline__a1wEg {
  font-size: 1.125rem;
  margin: 1.25rem 0;
  white-space: normal;
}
@media only screen and (min-width: 350px) {
  .PageHeaderProducts_headline__a1wEg {
    font-size: 1.4375rem;
  }
}
@media only screen and (min-width: 928px) {
  .PageHeaderProducts_headline__a1wEg {
    font-size: 1.875rem;
    margin: 0.75rem 0;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_headline__a1wEg {
    font-size: 3.75rem;
    margin: 0.75rem 0;
  }
}

.PageHeaderProducts_headline2__ZQDux {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 1.3333333333;
  letter-spacing: -0.1px;
  text-transform: none;
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_headline2__ZQDux {
    font-size: 1.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_headline2__ZQDux {
    font-size: 2.8125rem;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 2185px) {
  .PageHeaderProducts_headline2__ZQDux {
    font-size: 3.75rem;
  }
}

.PageHeaderProducts_headline3__7PKG5 {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1rem;
}
@media only screen and (min-width: 501px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: none;
    line-height: 1.1666666667;
  }
}
@media only screen and (min-width: 926px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.1875;
    text-transform: none;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 2.375rem;
    line-height: 1.2105263158;
    text-transform: none;
  }
}
@media only screen and (min-width: 1440px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 2.75rem;
    line-height: 1.1818181818;
  }
}
@media only screen and (min-width: 1680px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 3.75rem;
    line-height: 1.1333333333;
  }
}
@media only screen and (min-width: 1920px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 3.75rem;
    line-height: 1.1333333333;
  }
}
@media only screen and (min-width: 2560px) {
  .PageHeaderProducts_headline3__7PKG5 {
    font-weight: 500;
    font-size: 5rem;
    line-height: 1.1;
  }
}

.PageHeaderProducts_headline2wDist__NlAsj {
  margin-top: 3.125rem;
}

@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_subline__JA0sJ {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    text-transform: none;
  }
}

@media only screen and (min-width: 1730px) {
  .PageHeaderProducts_runningText___aIY5 {
    padding: 0 20.5%;
  }
}

.PageHeaderProducts_runningtextCenter__iJeYv {
}

.PageHeaderProducts_runningtextLeft__5HnBM {
  text-align: left;
}

.PageHeaderProducts_runningtextRight__jY4ea {
  text-align: right;
}

.PageHeaderProducts_productConfigWrapper__txEa1 {
  margin-top: 1.625rem;
}

.PageHeaderProducts_prodConfHeadline__OMPN6 {
  font-size: 1.25rem;
  line-height: 1.65;
  margin-bottom: 0.1875rem;
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_prodConfHeadline__OMPN6 {
    font-weight: 400;
    font-size: 1.8125rem;
    line-height: 1.3793103448;
    letter-spacing: 0;
    text-transform: none;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_prodConfHeadline__OMPN6 {
    margin-bottom: 0.375rem;
  }
}

.PageHeaderProducts_badge__c4c2x {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: inline-flex;
  align-self: center;
  height: 1.25rem;
  width: max-content;
  margin-bottom: 0.625rem;
  padding: 0 0.625rem;
  background-color: #ff2900;
  color: #FFFFFF;
}

.PageHeaderProducts_price__vwftf {
  font-size: 1.25rem;
  line-height: 1.65;
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_price__vwftf {
    font-weight: 400;
    font-size: 1.8125rem;
    line-height: 1.3793103448;
    letter-spacing: 0;
    text-transform: none;
  }
}

.PageHeaderProducts_scratchPriceContainer__fMwBO {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1.4;
  margin-left: 0.625rem;
  color: #808080;
}

.PageHeaderProducts_scratchPrice__J9zz0 {
  text-decoration: line-through;
}

.PageHeaderProducts_shipping__feAM0 {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1.4;
}

.PageHeaderProducts_button__FksrV {
  margin-top: 1.875rem;
}

.PageHeaderProducts_badgeImageWrapper__lad8I {
  position: absolute;
  left: calc(0.625rem + 110px + 0.625rem);
  top: 5px;
}
@media only screen and (min-width: 501px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(1.25rem + 220px + 1.25rem);
    top: 20px;
  }
}
@media only screen and (min-width: 926px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(1.25rem + 250px + 1.25rem);
    top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(1.25rem + 270px + 1.25rem);
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(1.875rem + 330px + 1.875rem);
    top: 25px;
  }
}
@media only screen and (min-width: 1440px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(1.875rem + 380px + 1.875rem);
    top: 30px;
  }
}
@media only screen and (min-width: 1680px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(2.5rem + 445px + 1.875rem);
  }
}
@media only screen and (min-width: 1920px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(2.5rem + 520px + 1.875rem);
    top: 40px;
  }
}
@media only screen and (min-width: 2560px) {
  .PageHeaderProducts_badgeImageWrapper__lad8I {
    left: calc(750px + 1.875rem);
    top: 50px;
  }
}

.PageHeaderProducts_badgeImage___Va_U {
  width: 4.5rem;
  height: auto;
}
@media only screen and (min-width: 501px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 6.25rem;
  }
}
@media only screen and (min-width: 926px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 7.8125rem;
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 9.375rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 11.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 12.5rem;
  }
}
@media only screen and (min-width: 1680px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 15rem;
  }
}
@media only screen and (min-width: 1920px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 17.5rem;
  }
}
@media only screen and (min-width: 2560px) {
  .PageHeaderProducts_badgeImage___Va_U {
    width: 23.125rem;
  }
}

.PageHeaderProducts_sealWrapper__HQxRk {
  position: absolute;
  right: 5px;
  top: 5px;
}
@media only screen and (min-width: 926px) {
  .PageHeaderProducts_sealWrapper__HQxRk {
    top: 10px;
    right: 10px;
  }
}
@media only screen and (min-width: 1440px) {
  .PageHeaderProducts_sealWrapper__HQxRk {
    top: 20px;
    right: 20px;
  }
}

.PageHeaderProducts_sealImage__uucLM {
  height: 2.5rem;
  width: auto;
}
@media only screen and (min-width: 501px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 3.125rem;
  }
}
@media only screen and (min-width: 926px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 5.625rem;
  }
}
@media only screen and (min-width: 1280px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 7.1875rem;
  }
}
@media only screen and (min-width: 1440px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 8.125rem;
  }
}
@media only screen and (min-width: 1680px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 9.375rem;
  }
}
@media only screen and (min-width: 1920px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 10.625rem;
  }
}
@media only screen and (min-width: 2560px) {
  .PageHeaderProducts_sealImage__uucLM {
    height: 15rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/ModalBanner/ModalBanner.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ModalBanner_overlay__g6_1u {
  height: calc((100 * 1vh) - (0px));
  height: calc((var(--vh, 1vh) * 100) - (0px));
  height: calc((100 * 1dvh) - (0px));
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 11000;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.ModalBanner_origin__Lcezy {
  height: calc((100 * 1vh) - (0px));
  height: calc((var(--vh, 1vh) * 100) - (0px));
  height: calc((100 * 1dvh) - (0px));
  display: flex;
  justify-content: center;
  align-items: center;
}

.ModalBanner_content__Qj6ft {
  max-height: calc((calc(100 - 0) * 1vh) - (0px));
  max-height: calc((var(--vh, 1vh) * calc(100 - 0)) - (0px));
  max-height: calc((calc(100 - 0) * 1dvh) - (0px));
  margin-top: calc((0 * 1vh) - (0px));
  margin-top: calc((var(--vh, 1vh) * 0) - (0px));
  margin-top: calc((0 * 1dvh) - (0px));
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 501px) {
  .ModalBanner_content__Qj6ft {
    width: unset;
    max-width: 23.4375rem;
  }
}
@media only screen and (min-width: 928px) {
  .ModalBanner_content__Qj6ft {
    max-width: 39.6875rem;
  }
}
@media only screen and (min-width: 1280px) {
  .ModalBanner_content__Qj6ft {
    max-height: calc((calc(100 - 5) * 1vh) - (0px));
    max-height: calc((var(--vh, 1vh) * calc(100 - 5)) - (0px));
    max-height: calc((calc(100 - 5) * 1dvh) - (0px));
    margin-top: calc((-5 * 1vh) - (0px));
    margin-top: calc((var(--vh, 1vh) * -5) - (0px));
    margin-top: calc((-5 * 1dvh) - (0px));
  }
}

.ModalBanner_img__QF0WU {
  max-height: 60vh;
  width: 100%;
  object-fit: contain;
}
@media only screen and (min-width: 928px) {
  .ModalBanner_img__QF0WU {
    max-height: unset;
  }
}

.ModalBanner_textBlock__7rnu2 {
  padding: 1.25rem;
  background-color: #FFFFFF;
  text-align: center;
}

.ModalBanner_headline__RZmwS {
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 1.3333333333;
  letter-spacing: -0.1px;
  text-transform: none;
  display: inline-block;
  margin-bottom: 0.3125rem;
}

.ModalBanner_subline__LGE7u {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375;
}
@media only screen and (min-width: 1024px) {
  .ModalBanner_subline__LGE7u {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.1666666667;
    letter-spacing: 0.015rem;
  }
}

.ModalBanner_headline2__MV2Y4 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
  text-transform: none;
  margin: 1.25rem 0 0.3125rem 0;
}

.ModalBanner_button__OU68_ {
  margin-top: 1.25rem;
  width: unset;
}

.ModalBanner_close__RCJim {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  top: 1.25rem;
  right: 1.25rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TutorialTip/TutorialTip.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TutorialTip_wrapper__O4M59 {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  position: absolute;
  background-color: #26606E;
  padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
  color: #FFFFFF;
  text-align: left;
  width: max-content;
  max-width: 290px;
  z-index: 1;
  cursor: pointer;
}
@media only screen and (max-width: calc(290px + 40px )) {
  .TutorialTip_wrapper__O4M59 {
    max-width: calc(100vw - 40px);
  }
}

.TutorialTip_content__5eG4m {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  text-transform: none;
  letter-spacing: 0;
}

.TutorialTip_closeTip__bb9Ty {
  position: absolute;
  display: flex;
  right: 0.625rem;
  top: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
}

.TutorialTip_closeTipIcon__BnGEz {
  width: 0.625rem;
  height: 0.625rem;
  color: #FFFFFF;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TutorialTip/TutorialTipStatic.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TutorialTipStatic_content__uB269 {
  display: flex;
  align-items: center;
}

.TutorialTipStatic_highlighted__fqQbl {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: inline-block;
  margin: 0.25rem 0.625rem 0.25rem 0;
  padding: 0.1875rem 0.625rem;
  background-color: #FFFFFF;
  color: #26606E;
}

@media only screen and (max-width: 500px) {
  .TutorialTipStatic_text__RgmCT {
    line-height: 1.5;
  }
}

.TutorialTipStatic_closeTipHighlighted__vSv9F {
  top: 1rem;
}

.TutorialTipStatic_meliboMaxWidth__hDTQV {
  max-width: calc(100vw - 5.9375rem) !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Header/Header.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__30fRn {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  background-color: #FFFFFF;
}

.Header_wrapper__BVgFf {
  width: 100%;
}

.Header_innerWrapper__G_akV {
  display: flex;
  align-items: center;
  min-height: calc(2rem + 2 * 1.25rem);
  z-index: 100;
  position: relative;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background-color: #FFFFFF;
}

.Header_logo__lOh0r {
  flex: initial;
  height: 1.875rem;
  display: block;
}

.Header_stretcher__Rd3ba {
  flex: auto;
}

@media only screen and (max-width: 1279px) {
  .Header_stretcherMobileOnly__fS8UG {
    flex: auto;
  }
}

.Header_logoOnly__VKRXK {
  margin-left: 10px;
  margin-right: 10px;
  height: 1.875rem;
}
@media only screen and (min-width: 928px) {
  .Header_logoOnly__VKRXK {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Header_logoOnly__VKRXK {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.Header_logoWithHeadline__MZUXi {
  display: flex;
  flex: initial;
  max-width: calc(100% - 5.6875rem);
}

.Header_logoWithHeadlineInner__2S3ID {
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding-left: 10px !important;
  padding-right: 10px;
}
@media only screen and (min-width: 928px) {
  .Header_logoWithHeadlineInner__2S3ID {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Header_logoWithHeadlineInner__2S3ID {
    padding-right: 10px;
  }
}

.Header_logoWithHeadlineLink__3SJ7H {
  height: 1.875rem;
}

.Header_headline__PvuMj {
  flex: auto;
  margin-left: 8px;
  font-size: 1.8125rem;
  line-height: 1.3793103448;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Header_menuWrapper__R8CP4 {
  display: inline-flex;
  flex: initial;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 2rem;
  margin-left: 10px;
  margin-right: 10px !important;
}
@media only screen and (min-width: 928px) {
  .Header_menuWrapper__R8CP4 {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Header_menuWrapper__R8CP4 {
    margin-left: 10px;
  }
}

.Header_menue__bLRnF {
  display: flex;
}

.Header_createBtnWrapper__VaxSA {
  align-self: flex-start;
  transition: transform 0.4s linear;
  min-width: 7.5rem;
}
@media only screen and (max-width: calc(670px - 1px)) {
  .Header_createBtnWrapper__VaxSA {
    display: none;
    visibility: hidden;
  }
}

.Header_createBtnWrapperIn__9fpeJ {
  transform: translateY(0);
}

.Header_createBtnWrapperOut__ozjHF {
  transform: translateY(calc(-1 * (3.5rem - 1.25rem)));
}

.Header_createBtnWrapperMobile__cVOML {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  left: 0;
  padding: 10px !important;
  transition: top 0.4s linear;
  background-color: #FFFFFF;
  z-index: -1;
}
@media only screen and (min-width: 670px) {
  .Header_createBtnWrapperMobile__cVOML {
    display: none;
    visibility: hidden;
  }
}

.Header_createBtnWrapperMobileIn__CfL99 {
  top: 3.5rem;
}

.Header_createBtnWrapperMobileOut__GAkB1 {
  top: calc(3.5rem - 3.75rem);
}

.Header_createButton__KFyvG {
  height: 2rem;
  white-space: unset;
  margin-top: 0;
  padding-top: unset;
  padding-bottom: unset;
}
@media only screen and (max-width: calc(670px - 1px)) {
  .Header_createButton__KFyvG {
    width: 100%;
  }
}

.Header_trustpilot__sWkiz {
  display: flex;
  align-items: center;
  margin-right: 0.9375rem;
  margin: 0 0.875rem 0 -0.3125rem;
}
@media only screen and (min-width: 928px) {
  .Header_trustpilot__sWkiz {
    margin-right: 1.25rem;
  }
}

.Header_meliboTip__NkyYw {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 99999999999999;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Header/HeaderIconLink.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderIconLink_linkSize__2LcC1 {
  position: relative;
  height: 1.125rem;
}

.HeaderIconLink_link__yvqxB {
  margin-right: 0.875rem;
}
@media only screen and (min-width: 928px) {
  .HeaderIconLink_link__yvqxB {
    margin-right: 1.25rem;
  }
}

.HeaderIconLink_linkBasket__oTQ37 {
  margin-right: 0.9375rem;
}
@media only screen and (min-width: 928px) {
  .HeaderIconLink_linkBasket__oTQ37 {
    margin-right: 1.3125rem;
  }
}

.HeaderIconLink_linkWishlist__WaDu3 {
  margin-right: 1.25rem;
}
@media only screen and (min-width: 928px) {
  .HeaderIconLink_linkWishlist__WaDu3 {
    margin-right: 1.625rem;
  }
}

.HeaderIconLink_countryLink__Kf9e6 {
  height: 1.375rem;
  width: 1.375rem;
  flex-shrink: 0;
}

.HeaderIconLink_linkProductMenu__wERnp {
  height: inherit;
}

.HeaderIconLink_iconBasket__JRXoM {
  width: 1.5rem;
  height: inherit;
}

.HeaderIconLink_iconWishlist__VFna2 {
  width: 1.1875rem;
  height: inherit;
}

.HeaderIconLink_counter__R7UWT {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  position: absolute;
  left: 0.75rem;
  top: -0.5625rem;
  height: 1.125rem;
  min-width: 1.125rem;
  border-radius: 50%;
  background-color: #26606E;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}

.HeaderIconLink_iconProductMenu__l4Ocd {
  width: 1.125rem;
  height: inherit;
}

.HeaderIconLink_iconCountry__Hij2N {
  width: inherit;
  height: inherit;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
}

.HeaderIconLink_iconProductMenuOpened__voLlN {
  fill: #26606E;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/MenuPopupList/MenuPopupList.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MenuPopupList_wrapper___LgCj {
  right: -9999px;
  top: 0;
  position: fixed;
  background-color: #FFFFFF;
  z-index: 9999;
  right: 0;
}
@media only screen and (max-width: 927px) {
  .MenuPopupList_wrapper___LgCj {
    width: 100%;
    height: 100%;
    pointer-events: all;
    top: 0;
  }
}
@media only screen and (min-width: 928px) {
  .MenuPopupList_wrapper___LgCj {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    top: 3.1875rem;
    min-width: 23.4375rem;
    width: 25.625rem;
  }
}
@media only screen and (min-width: 928px) {
  .MenuPopupList_wrapper___LgCj {
    right: 0.625rem;
  }
}

.MenuPopupList_content__fr9F4 {
  margin-top: 1.25rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1280px) {
  .MenuPopupList_content__fr9F4 {
    margin-bottom: 1.25rem;
  }
}

.MenuPopupList_headline__338cV {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-right: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .MenuPopupList_headline__338cV {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .MenuPopupList_headline__338cV {
    font-weight: 500;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
  }
}

.MenuPopupList_close__EQ9st {
  position: absolute;
  right: 0.625rem;
  top: 1.25rem;
  cursor: pointer;
  width: 0.75rem;
  height: 0.75rem;
}
@media only screen and (min-width: 1280px) {
  .MenuPopupList_close__EQ9st {
    right: 1.25rem;
  }
}

.MenuPopupList_list__c83d0 {
  max-height: calc((100 * 1vh) - (8.125rem));
  max-height: calc((var(--vh, 1vh) * 100) - (8.125rem));
  max-height: calc((100 * 1dvh) - (8.125rem));
}
@media only screen and (min-width: 928px) {
  .MenuPopupList_list__c83d0 {
    max-height: calc((100 * 1vh) - (calc(3.1875rem + 14.375rem)));
    max-height: calc((var(--vh, 1vh) * 100) - (calc(3.1875rem + 14.375rem)));
    max-height: calc((100 * 1dvh) - (calc(3.1875rem + 14.375rem)));
  }
}

.MenuPopupList_item__d1AZb {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: flex;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .MenuPopupList_item__d1AZb {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.MenuPopupList_item__d1AZb:last-of-type {
  margin-bottom: 0;
}

.MenuPopupList_itemImg__PYG2M {
  flex: none;
  height: 5rem;
  width: 6.625rem;
  margin-right: 1.25rem;
}

.MenuPopupList_properties___LO9y {
  flex: auto;
  display: inline-grid;
  margin-right: 1.25rem;
}

.MenuPopupList_propHead__3aOcL {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
}

.MenuPopupList_option__Bld5X {
  flex: initial;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.MenuPopupList_optionIcon__kQXDd {
  display: block;
  margin-bottom: 0.625rem;
  cursor: pointer;
}

.MenuPopupList_optionIconDelete__8AXXC {
  width: 12px;
  height: 16px;
}

.MenuPopupList_optionIconOpen__GKXm4 {
  width: 11px;
  height: 12px;
}

.MenuPopupList_blockedMessage__S6pWH {
  margin-bottom: 1.25rem;
}

.MenuPopupList_buttonWrapper__rDFGu {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-top: 1.25rem;
}
@media only screen and (min-width: 1280px) {
  .MenuPopupList_buttonWrapper__rDFGu {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.MenuPopupList_button__Bd5D8 {
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Trustpilot/TrustpilotHeader.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TrustpilotHeader_wrapper__xGt0k {
  position: relative;
}
@media only screen and (min-width: 928px) {
  .TrustpilotHeader_wrapper__xGt0k {
    width: 28px;
  }
}

.TrustpilotHeader_bgImage__E0IyJ {
  display: flex;
  align-self: center;
  position: relative;
  object-fit: contain;
  height: 28px;
}

.TrustpilotHeader_ratingValueWrapper__kw1Zo {
  container-type: inline-size;
  width: 100%;
  top: 50%;
  transform: translateY(11%);
  position: absolute;
  text-align: center;
}

.TrustpilotHeader_ratingValue___KTtc {
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: white;
  font-size: 5.5px;
  font-size: 29cqw;
}
@media only screen and (min-width: 370px) {
  .TrustpilotHeader_ratingValue___KTtc {
    font-size: 6.6px;
    font-size: 29cqw;
  }
}
@media only screen and (min-width: 375px) {
  .TrustpilotHeader_ratingValue___KTtc {
    font-size: 8px;
    font-size: 29cqw;
  }
}

.TrustpilotHeader_stars__dJEG9 {
  display: none;
}

.TrustpilotHeader_logo__7F2CK {
  display: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TutorialTip/TutorialTipPositions.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TutorialTipPositions_bottom__YJ0gG {
  bottom: -0.25rem;
  left: 50%;
  transform: translate(-50%, calc(100% + 8px));
}
.TutorialTipPositions_bottom__YJ0gG::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #26606E transparent;
  top: 0.5px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
}

.TutorialTipPositions_bottomRight__4twd4 {
  right: 0;
  bottom: -0.25rem;
  transform: translateY(calc(100% + 8px));
}
.TutorialTipPositions_bottomRight__4twd4::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #26606E transparent;
  top: 0.5px;
  right: 0.4375rem;
  transform: translateY(-100%);
}

.TutorialTipPositions_bottomLeft__clm_f {
  left: 0;
  bottom: -0.25rem;
  transform: translateY(calc(100% + 8px));
}
.TutorialTipPositions_bottomLeft__clm_f::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #26606E transparent;
  top: 0.5px;
  left: 0.4375rem;
  transform: translateY(-100%);
}

.TutorialTipPositions_top__bAswl {
  top: -0.25rem;
  left: 50%;
  transform: translate(-50%, calc(-1 * calc(100% + 8px)));
}
.TutorialTipPositions_top__bAswl::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #26606E transparent transparent transparent;
  bottom: 0.5px;
  left: 50%;
  transform: translate(-50%, 100%);
}

.TutorialTipPositions_topSpecialTutorialTip__nl75X {
  top: -0.25rem;
  left: 50%;
  transform: translate(-50%, calc(-1 * calc(100% + 8px)));
  top: calc(45px - 0.25rem);
}
.TutorialTipPositions_topSpecialTutorialTip__nl75X::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #26606E transparent transparent transparent;
  bottom: 0.5px;
  left: 50%;
  transform: translate(-50%, 100%);
}

.TutorialTipPositions_topLeft__nMM60 {
  top: -0.25rem;
  left: 0;
  transform: translateY(calc(-1 * calc(100% + 8px)));
}
.TutorialTipPositions_topLeft__nMM60::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #26606E transparent transparent transparent;
  bottom: 0.5px;
  left: 0.4375rem;
  transform: translateY(100%);
}

.TutorialTipPositions_right__WyeR4 {
  right: -0.25rem;
  top: 50%;
  transform: translate(calc(100% + 8px), -50%);
}
.TutorialTipPositions_right__WyeR4::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #26606E transparent transparent;
  left: 0.5px;
  top: 50%;
  transform: translate(-100%, -50%);
}

.TutorialTipPositions_left__qrLab {
  left: -0.25rem;
  top: 50%;
  transform: translate(calc(-1 * calc(100% + 8px)), -50%);
}
.TutorialTipPositions_left__qrLab::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #26606E;
  right: 0.5px;
  top: 50%;
  transform: translate(100%, -50%);
}

@media only screen and (max-width: 927px) {
  .TutorialTipPositions_bottomRightBREAKtabletLeft__pSdbF {
    right: 0;
    bottom: -0.25rem;
    transform: translateY(calc(100% + 8px));
  }
  .TutorialTipPositions_bottomRightBREAKtabletLeft__pSdbF::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #26606E transparent;
    top: 0.5px;
    right: 0.4375rem;
    transform: translateY(-100%);
  }
}
@media only screen and (min-width: 928px) {
  .TutorialTipPositions_bottomRightBREAKtabletLeft__pSdbF {
    left: -0.25rem;
    top: 50%;
    transform: translate(calc(-1 * calc(100% + 8px)), -50%);
  }
  .TutorialTipPositions_bottomRightBREAKtabletLeft__pSdbF::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #26606E;
    right: 0.5px;
    top: 50%;
    transform: translate(100%, -50%);
  }
}

@media only screen and (max-width: 500px) {
  .TutorialTipPositions_bottomleftBREAKsmartPtRight__ZV0Na {
    left: 0;
    bottom: -0.25rem;
    transform: translateY(calc(100% + 8px));
  }
  .TutorialTipPositions_bottomleftBREAKsmartPtRight__ZV0Na::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #26606E transparent;
    top: 0.5px;
    left: 0.4375rem;
    transform: translateY(-100%);
  }
}
@media only screen and (min-width: 501px) {
  .TutorialTipPositions_bottomleftBREAKsmartPtRight__ZV0Na {
    right: -0.25rem;
    top: 50%;
    transform: translate(calc(100% + 8px), -50%);
  }
  .TutorialTipPositions_bottomleftBREAKsmartPtRight__ZV0Na::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #26606E transparent transparent;
    left: 0.5px;
    top: 50%;
    transform: translate(-100%, -50%);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/InfoLink/InfoLink.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InfoLink_link__I7X8k {
  transition: color 0.1s ease-in-out;
  display: flex;
  align-items: center;
  min-height: 1.25rem;
  cursor: pointer;
}
@media (hover: hover) {
  .InfoLink_link__I7X8k:hover {
    color: #5ACCAF;
    cursor: pointer;
  }
}
@media (hover: none) {
  .InfoLink_link__I7X8k:active {
    color: #5ACCAF;
  }
}

.InfoLink_fadeoutLink__Kjgp5 {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.InfoLink_fadeoutLink__Kjgp5::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 20px;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(38, 96, 110, 0), #26606E);
}

.InfoLink_fadeoutLinkGrey__n7G4Y {
}
.InfoLink_fadeoutLinkGrey__n7G4Y::after {
  background: linear-gradient(90deg, rgba(242, 242, 242, 0), #f2f2f2);
}

.InfoLink_label__ehxsy {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: inline-block;
  padding: 0 0.3125rem;
  margin-left: 0.625rem;
  background-color: #26606E;
  color: #FFFFFF;
}

.InfoLink_icon__O0KKh {
  display: flex;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  padding: 1px;
  margin-right: 0.625rem;
}
.InfoLink_icon__O0KKh svg {
  width: inherit;
  height: inherit;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Footer/Footer.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Footer_linkList__iiyEx {
  overflow: hidden;
}

.Footer_listLink__pyi9A {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 800px) {
  .Footer_listLink__pyi9A {
    margin-bottom: unset;
  }
}
.Footer_listLink__pyi9A:hover {
  color: #5ACCAF;
}

.Footer_wrapper__A0VFn {
  position: relative;
}
@media only screen and (min-width: 800px) {
  .Footer_wrapper__A0VFn {
    padding-bottom: unset;
  }
}
@media only screen and (min-width: 928px) {
  .Footer_wrapper__A0VFn {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
.Footer_wrapper__A0VFn.Footer_wrapperWhite__c9I72 {
  background-color: #FFFFFF;
}

.Footer_columnsContainer__07QKg {
  padding-top: 1.25rem;
  background-color: #26606E;
  color: #FFFFFF;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 800px) {
  .Footer_columnsContainer__07QKg {
    padding-bottom: unset;
  }
}

.Footer_columnsWrapper__Y_89S {
  display: flex;
  flex-wrap: wrap;
}

.Footer_columnTitle__6l6bO {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}

.Footer_topsellerColumn__AfvEM {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media only screen and (min-width: 928px) {
  .Footer_topsellerColumn__AfvEM {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_topsellerColumn__AfvEM {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_topsellerColumn__AfvEM {
    width: 66.6666666667%;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_topsellerColumn__AfvEM {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_topsellerColumn__AfvEM {
    display: flex;
  }
}

.Footer_topsellerLinkColumns__QTuJo {
  align-content: center;
}
@media only screen and (min-width: 800px) {
  .Footer_topsellerLinkColumns__QTuJo {
    align-content: flex-start;
    column-count: 1;
    column-gap: 1.25rem;
    width: 100%;
    column-fill: balance;
  }
}

.Footer_infoColumn__ipj5y {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media only screen and (min-width: 928px) {
  .Footer_infoColumn__ipj5y {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_infoColumn__ipj5y {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_infoColumn__ipj5y {
    width: 33.3333333333%;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_infoColumn__ipj5y {
    width: 16.6666666667%;
  }
}

.Footer_featureColumn__BN7gL {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 928px) {
  .Footer_featureColumn__BN7gL {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_featureColumn__BN7gL {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_featureColumn__BN7gL {
    width: 20%;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_featureColumn__BN7gL {
    width: 11%;
  }
}

.Footer_contactColumn__OORG0 {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media only screen and (min-width: 928px) {
  .Footer_contactColumn__OORG0 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_contactColumn__OORG0 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_contactColumn__OORG0 {
    width: 33.3333333333%;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_contactColumn__OORG0 {
    width: 16.6666666667%;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_contactColumn__OORG0 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.Footer_socialWrapper__PEa19 {
  display: none;
  visibility: hidden;
}
@media only screen and (min-width: 800px) {
  .Footer_socialWrapper__PEa19 {
    visibility: unset;
    display: unset;
  }
}

.Footer_trustpilotWrapper__eWs8A {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media only screen and (min-width: 928px) {
  .Footer_trustpilotWrapper__eWs8A {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_trustpilotWrapper__eWs8A {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_trustpilotWrapper__eWs8A {
    width: 25%;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_trustpilotWrapper__eWs8A {
    width: 11%;
  }
}
@media only screen and (min-width: 0) and (max-width: calc(800px - 1px)) {
  .Footer_trustpilotWrapper__eWs8A {
    order: 99;
    margin-top: 1.25rem;
  }
}

.Footer_trustpilotTitle__DadUN {
  display: none;
  visibility: hidden;
}
@media only screen and (min-width: 800px) {
  .Footer_trustpilotTitle__DadUN {
    display: inline-block;
    visibility: unset;
    width: 100%;
  }
}

.Footer_newsColumn__L0UmU {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
@media only screen and (min-width: 928px) {
  .Footer_newsColumn__L0UmU {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_newsColumn__L0UmU {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_newsColumn__L0UmU {
    width: 66.6666666667%;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_newsColumn__L0UmU {
    width: 33.3333333333%;
  }
}

.Footer_infoMobile__HMAXD {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (min-width: 928px) {
  .Footer_infoMobile__HMAXD {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .Footer_infoMobile__HMAXD {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 800px) {
  .Footer_infoMobile__HMAXD {
    display: none;
    visibility: hidden;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Newsletter/Newsletter.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Newsletter_form__ktL6k {
  margin-top: 0.375rem;
}

.Newsletter_input__9tJXr {
  width: 100%;
  height: 2.5rem;
  text-indent: 0.9375rem;
}

.Newsletter_inputWhite__KOORw {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0px 100px #FFFFFF inset !important;
}

.Newsletter_inputGrey__mG_yx {
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 0 0px 100px #f2f2f2 inset !important;
}

.Newsletter_statusText__V6QmV {
  width: 100%;
  padding: 0.0625rem 0;
  min-height: 1.5rem;
}

.Newsletter_statusTextError__JcCQV {
}

.Newsletter_statusTextApproved__oiMMW {
}

.Newsletter_btn__lEYJS {
  background-color: #5ACCAF;
}

.Newsletter_btnSuccess__gCq6x {
  width: 100%;
  pointer-events: none;
  background-color: #5ACCAF;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/StoreFeatures/StoreFeatures.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StoreFeatures_background__bpmeX {
  background-color: #f2f2f2;
}

.StoreFeatures_wrapper__A4y3Z {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.625rem;
}
@media only screen and (min-width: 928px) {
  .StoreFeatures_wrapper__A4y3Z {
    flex-wrap: nowrap;
  }
}

.StoreFeatures_block__zPvvw {
  width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 928px) {
  .StoreFeatures_block__zPvvw {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .StoreFeatures_block__zPvvw {
    width: calc((100% / 12 * 12 ) - ( 2 * 10px ));
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 928px) {
  .StoreFeatures_block__zPvvw {
    flex: 1 1;
  }
}

.StoreFeatures_headline__snV4i {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  padding-bottom: 1.25rem;
  color: #26606E;
}

.StoreFeatures_content__VD2aE {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
@media only screen and (min-width: 1730px) {
  .StoreFeatures_content__VD2aE {
    gap: 2.5rem;
  }
}

.StoreFeatures_item__RddgS {
  flex-grow: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0.625rem 0.625rem;
  background-color: #FFFFFF;
  color: #808080;
  font-size: 14px;
}
.StoreFeatures_item__RddgS :nth-child(2) {
  margin-left: 0.625rem;
}

.StoreFeatures_itemImg__fj5E4 {
  max-height: 36px;
  max-width: 180px;
  object-fit: contain;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Footer/FooterMinimazable.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterMinimazable_wrapperTopseller___0SK2 {
  overflow: hidden;
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_wrapperTopseller___0SK2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.FooterMinimazable_wrapperTopsellerFirstColumn__mJi71 {
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_wrapperTopsellerFirstColumn__mJi71 {
    padding-right: 0.625rem;
  }
}

.FooterMinimazable_wrapperTopsellerSecondColumn__U8doT {
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_wrapperTopsellerSecondColumn__U8doT {
    padding-left: 0.625rem;
  }
}

.FooterMinimazable_wrapperTopsellerSecondColumnEmpty__rWZPm {
  display: none;
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_wrapperTopsellerSecondColumnEmpty__rWZPm {
    display: unset;
  }
}

.FooterMinimazable_holderDefault__T88ux {
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_holderDefault__T88ux {
    display: block !important;
    padding-bottom: 0;
  }
}

.FooterMinimazable_holderTopseller__jrb18 {
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_holderTopseller__jrb18 {
    display: flex !important;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_holderTopseller__jrb18 {
    width: 100%;
    flex: 1 1;
  }
}

.FooterMinimazable_handler__NJIss {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.5625rem;
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_handler__NJIss {
    margin-bottom: 0;
  }
}

.FooterMinimazable_element__CHCau {
  width: 0.875rem;
  height: 0.875rem;
}
@media only screen and (min-width: 800px) {
  .FooterMinimazable_element__CHCau {
    display: none;
    visibility: hidden;
  }
}
.FooterMinimazable_element__CHCau svg {
  width: inherit;
  height: inherit;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/Footer/FooterSocial.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FooterSocial_wrapper__LgFSz {
  padding-top: 1.25rem;
}
@media only screen and (min-width: 800px) {
  .FooterSocial_wrapper__LgFSz {
    padding-top: unset;
  }
}
@media only screen and (min-width: 1280px) {
  .FooterSocial_wrapper__LgFSz {
    padding-bottom: 0.875rem;
  }
}

.FooterSocial_item__kRD1n {
  display: inline-block;
  margin-right: 0.625rem;
}

.FooterSocial_headline__HkqmF {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}

.FooterSocial_icon__U_Cai {
  width: 1rem;
  height: 1rem;
  width: auto;
  display: inline-block;
}
.FooterSocial_icon__U_Cai:hover {
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CheckSlider/CheckSlider.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CheckSlider_innerWrapper__Du6uy {
  position: relative;
  display: inline-block;
  width: 2.25rem;
  height: 0.75rem;
}

.CheckSlider_input__Gc2DT {
  width: 2.25rem;
  height: 0.75rem;
  opacity: 0;
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  z-index: 1;
  position: absolute;
  cursor: pointer;
}
.CheckSlider_input__Gc2DT:checked + .CheckSlider_checkbox__h2oiF {
  background-color: #26606E;
}
.CheckSlider_input__Gc2DT:checked + .CheckSlider_checkbox__h2oiF:before {
  transform: translateX(calc( 2.25rem - 1.25rem ));
  border-width: 0 1px 1px 0;
}

.CheckSlider_checkbox__h2oiF {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e5e5e5;
  border-radius: 60px;
  transition: 0.25s;
}
.CheckSlider_checkbox__h2oiF:before {
  cursor: pointer;
  content: "";
  position: absolute;
  left: 0;
  top: calc(( 0.75rem - 1.25rem ) / 2);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
  transition: 0.25s linear;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/CookieConsent/CookieConsent.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CookieConsent_overlay__8zmvT {
  z-index: 2147483645;
}
@media only screen and (max-width: 1279px) {
  .CookieConsent_overlay__8zmvT {
    background-color: rgba(255, 255, 255, 0.75);
  }
}

.CookieConsent_origin__dDcP5 {
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (min-width: 928px) {
  .CookieConsent_origin__dDcP5 {
    align-items: center;
  }
}

.CookieConsent_wrapper__rSvDt {
}
@media only screen and (min-width: 928px) and (max-width: 1279px) {
  .CookieConsent_wrapper__rSvDt {
    width: 40%;
  }
}

.CookieConsent_pagelinks__T6Wq8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.625rem;
  margin: 0.625rem 0 1.25rem 0;
}

.CookieConsent_textLink__pi8xq {
  text-decoration: underline;
}

.CookieConsent_options__JJXyJ {
  margin-top: 1.875rem;
}

.CookieConsent_collapseWrapper__tI0LG {
  margin-bottom: 0.9375rem;
}

.CookieConsent_collapseHandler__qt1tz {
  position: relative;
}

.CookieConsent_collapseTitle__ptXka {
  cursor: pointer;
}

.CookieConsent_collapseHeadline__HCI0T {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0.625rem;
  padding-right: calc(2.25rem + 0.75rem + 1.5625rem);
}

.CookieConsent_switchWrapper__ytI6B {
  position: absolute;
  right: calc(0.75rem + 1.5625rem);
  top: 0.1875rem;
}

.CookieConsent_switchWrapperEssential__pOapa {
}
.CookieConsent_switchWrapperEssential__pOapa::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.CookieConsent_collapseText__9Vuh8 {
  width: 100%;
}

.CookieConsent_collapseIcon__IuzZD {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.CookieConsent_icon__bQHQM {
  width: 0.75rem;
  height: 0.625rem;
}

.CookieConsent_collapseContent__VpKqR {
  margin-top: 0.9375rem;
}

.CookieConsent_li__C_k4g {
  position: relative;
  width: 100%;
  padding-left: 1.5625rem;
}
.CookieConsent_li__C_k4g::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  transform: rotate(40deg);
  height: 8px;
  width: 5px;
  margin: 2px 0 0 4px;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 1px 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/TutorialTip/TutorialTipMaxWidths.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 500px) {
  .TutorialTipMaxWidths_ttipProductMenu__uVIiT {
    max-width: calc(100vw - 140px) !important;
  }
}

@media only screen and (min-width: 501px) and (max-width: 927px) {
  .TutorialTipMaxWidths_ttipSliderHeadline__KhHex {
    max-width: calc(100vw - 100% - 40px) !important;
  }
}

@media only screen and (max-width: 500px) {
  .TutorialTipMaxWidths_ttipConfigure__B31tT {
    max-width: calc(100vw - 100% - 40px) !important;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./cssmodules/BreadCrumb/BreadCrumb.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BreadCrumb_wrapper__q7lQr {
  margin-left: 10px;
  margin-right: 10px;
  height: 0.75rem;
  line-height: 1;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 928px) {
  .BreadCrumb_wrapper__q7lQr {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .BreadCrumb_wrapper__q7lQr {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.BreadCrumb_list__P66gI {
  display: inline-flex;
  color: #808080;
}

.BreadCrumb_li__Fuo8U {
  display: inline-flex;
}

.BreadCrumb_arrowWrapper__A0xn7 {
  position: relative;
}

.BreadCrumb_widthHolder__c6VQl {
  visibility: hidden;
}

.BreadCrumb_arrowHolder__zgkqX {
  position: absolute;
  height: 100%;
  width: 35%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.BreadCrumb_arrow__I_wMq {
  max-width: 75%;
  max-height: 75%;
  width: auto;
  height: auto;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg);
  margin-left: -30%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../node_modules/react-day-picker/dist/style.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.rdp {
  --rdp-cell-size: 40px;
  --rdp-accent-color: #0000ff;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */
  --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */

  margin: 1em;
}

/* Hide elements for devices that are not screen readers */
.rdp-vhidden {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

/* Buttons */
.rdp-button_reset {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;

  -moz-appearance: none;
  -webkit-appearance: none;
}

.rdp-button_reset:focus-visible {
  /* Make sure to reset outline only when :focus-visible is supported */
  outline: none;
}

.rdp-button {
  border: 2px solid transparent;
}

.rdp-button[disabled]:not(.rdp-day_selected) {
  opacity: 0.25;
}

.rdp-button:not([disabled]) {
  cursor: pointer;
}

.rdp-button:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: var(--rdp-background-color);
}

.rdp-months {
  display: flex;
}

.rdp-month {
  margin: 0 1em;
}

.rdp-month:first-child {
  margin-left: 0;
}

.rdp-month:last-child {
  margin-right: 0;
}

.rdp-table {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}

.rdp-with_weeknumber .rdp-table {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}

.rdp-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}

.rdp-multiple_months .rdp-caption {
  position: relative;
  display: block;
  text-align: center;
}

.rdp-caption_dropdowns {
  position: relative;
  display: inline-flex;
}

.rdp-caption_label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 0;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: 140%;
  font-weight: bold;
}

.rdp-nav {
  white-space: nowrap;
}

.rdp-multiple_months .rdp-caption_start .rdp-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.rdp-multiple_months .rdp-caption_end .rdp-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.rdp-nav_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}

/* ---------- */
/* Dropdowns  */
/* ---------- */

.rdp-dropdown_year,
.rdp-dropdown_month {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.rdp-dropdown[disabled] {
  opacity: unset;
  color: unset;
}

.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}

.rdp-dropdown_icon {
  margin: 0 0 0 5px;
}

.rdp-head {
  border: 0;
}

.rdp-head_row,
.rdp-row {
  height: 100%;
}

.rdp-head_cell {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
}

.rdp-tbody {
  border: 0;
}

.rdp-tfoot {
  margin: 0.5em;
}

.rdp-cell {
  width: var(--rdp-cell-size);
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}

.rdp-weeknumber {
  font-size: 0.75em;
}

.rdp-weeknumber,
.rdp-day {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}

.rdp-day_today:not(.rdp-day_outside) {
  font-weight: bold;
}

.rdp-day_selected,
.rdp-day_selected:focus-visible,
.rdp-day_selected:hover {
  color: white;
  opacity: 1;
  background-color: var(--rdp-accent-color);
}

.rdp-day_outside {
  opacity: 0.5;
}

.rdp-day_selected:focus-visible {
  /* Since the background is the same use again the outline */
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}

.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp-day_range_end.rdp-day_range_start {
  border-radius: 100%;
}

.rdp-day_range_middle {
  border-radius: 0;
}

/*# sourceMappingURL=style.css.map */
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../node_modules/react-multi-carousel/lib/styles.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face{font-family:"revicons";fallback:fallback;src:url(/_next/static/media/revicons.ff59b316.woff) format('woff'),url(/_next/static/media/revicons.b96bdb22.ttf) format('ttf'),url(/_next/static/media/revicons.652e7269.eot) format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!../node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!../node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./styles/standard.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  cursor: pointer;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

button {
  border: none;
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,
dfn, em, img, ins, kbd, q, samp, small, .wp-caption, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, main, hgroup, menu, nav, section, summary, time, mark, audio, video, ::after, ::before, a, input, textarea {
  box-sizing: border-box;
}

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

button {
  padding: 0;
  outline: none;
  background: none;
  cursor: pointer;
  color: inherit;
}

figure {
  margin: 0;
}

p {
  margin: 0;
}

input {
  min-width: 1rem;
  border: none;
  border-radius: 0;
  background: none;
}
input:focus {
  outline: none;
}
@media only screen and (min-width: 1280px) {
  input {
    -webkit-appearance: none;
    outline: none;
  }
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 100px #FFFFFF inset;
}

hr {
  margin: 0;
  border: 0;
}

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url(/_next/static/media/fira-sans-v10-latin_greek-regular.e5991d3a.woff2) format("woff2"), url(/_next/static/media/fira-sans-v10-latin_greek-regular.0bfadcc9.woff) format("woff");
  font-display: block;
}
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 500;
  src: local("Fira Sans Medium"), local("FiraSans-Medium"), url(/_next/static/media/fira-sans-v10-latin_greek-500.8b1c5530.woff2) format("woff2"), url(/_next/static/media/fira-sans-v10-latin_greek-500.43509b56.woff) format("woff");
  font-display: block;
}
h1 {
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1.3333333333;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}

h2, h3, h4 {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  margin-top: 0;
  margin-bottom: 0;
}

b {
  font-weight: 500;
}

strong {
  font-weight: 500;
}

.b__versal {
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}

.txt__versal {
  font-weight: 400;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
}

.listStyle li {
  padding-left: 0.625rem;
}
.listStyle li::before {
  position: absolute;
  content: "•";
  margin-left: -0.625rem;
  font-weight: 900;
}

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

.ql-align-right {
  text-align: right;
}

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

.ql-align-justify {
  text-align: justify;
}

html {
  font-size: 100%;
  overflow-x: hidden;
}

body {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-family: "Fira Sans", sans-serif;
  color: #000000;
  width: 100%;
  overflow-x: hidden;
  background-color: #FFFFFF;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

video {
  vertical-align: bottom;
}

.layout {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  position: relative;
  background-color: #FFFFFF;
  overflow: hidden;
  padding-top: 3.5rem;
}
@media only screen and (max-width: 927px) {
  .layout {
    padding-bottom: 0 !important;
  }
}

.stroke-noScale {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

@media only screen and (max-width: 768px) {
  #check-mobile {
    display: none;
  }
}
#check-mobile {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: fixed;
  pointer-events: none;
}

div::-webkit-scrollbar {
  -webkit-appearance: none;
}

.hidden {
  visibility: hidden;
  display: none;
}

@media only screen and (max-width: 927px) {
  .hidden-smart--only {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (max-width: 1279px) {
  .hidden-smart2tablet {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (min-width: 928px) {
  .hidden-tablet {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (min-width: 928px) and (max-width: 1279px) {
  .hidden-tablet--only {
    visibility: hidden !important;
    display: none !important;
  }
}

@media only screen and (min-width: 1280px) {
  .hidden-desktop {
    visibility: hidden !important;
    display: none !important;
  }
}

.visible-smart--only {
  display: none;
}
@media only screen and (max-width: 927px) {
  .visible-smart--only {
    display: block !important;
  }
}

@media only screen and (min-width: 928px) {
  .visible-tablet {
    display: block !important;
  }
}

@media only screen and (min-width: 928px) and (max-width: 1279px) {
  .visible-tablet--only {
    display: block !important;
  }
}

@media only screen and (min-width: 1280px) {
  .visible-desktop {
    display: block !important;
  }
}

.header__logoImg--mob {
  width: 1.875rem;
  height: 1.875rem;
}

.header__logoImg--desk {
  width: 138px;
  height: 1.875rem;
}

/* Form field container */
.adyen-checkout__field {
  margin-bottom: unset !important;
}

.adyen-checkout__label {
  margin-bottom: 11px;
  position: relative;
}

/* Text element inside the form label container */
.adyen-checkout__label__text {
  position: absolute;
  top: 13px;
  color: #808080 !important;
  font-size: 0.75rem !important;
  transition: top 0.25s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.25s ease-in-out !important;
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
  position: absolute;
  top: 0;
  font-size: 9px !important;
  color: #808080 !important;
  transition: top 0.25s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.25s ease-in-out !important;
}
.adyen-checkout__label--focused .adyen-checkout__label__text ~ .adyen-checkout__input-wrapper .adyen-checkout__input {
  border-color: #000000 !important;
}

.adyen-checkout__label--filled .adyen-checkout__label__text {
  position: absolute;
  top: 0;
  font-size: 9px !important;
  color: #808080 !important;
}

.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__input {
  border-color: #E7484D !important;
}
.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__input.adyen-checkout__input--valid {
  border-color: #f2f2f2 !important;
}
.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__card__cardNumber__input {
  position: relative;
}
.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__card__cardNumber__input::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 16px;
  background-image: url("/static/images/infowerk/Image_VISA_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 28px 16px;
}
.adyen-checkout__input-wrapper[is-error=true] .adyen-checkout__card__cardNumber__input::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 16px;
  background-image: url("/static/images/infowerk/Image_Mastercard_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 21px 16px;
}

/* Input fields */
.adyen-checkout__input {
  height: 34px !important;
  width: 100%;
  padding: 13px 0 0 0 !important;
  background: none !important;
  border-width: 0 0 1px 0 !important;
  border-radius: 0 !important;
  caret-color: unset !important;
  border-color: #f2f2f2 !important;
}

.adyen-checkout__input--error {
  border-bottom-color: #E7484D !important;
}

.adyen-checkout__input--focus {
  box-shadow: none !important;
}

.adyen-checkout__error-text {
  color: #E7484D !important;
}

.adyen-checkout-input__inline-validation {
  right: 0 !important;
}

.adyen-checkout-input__inline-validation--invalid img {
  display: none;
}

.adyen-checkout__icon {
  vertical-align: super;
}

.adyen-checkout-input__inline-validation--invalid {
  background: url("/static/images/infowerk/sprite_trueColor/ico_error.svg");
  background-repeat: no-repeat;
}

.adyen-checkout__card__cvc__hint__wrapper,
.adyen-checkout__card__cardNumber__brandIcon {
  display: none !important;
}

.adyen-checkout__loading-input__form {
  display: flex;
  flex-direction: column;
}
.adyen-checkout__loading-input__form .adyen-checkout__card__form {
  order: 2;
}
.adyen-checkout__loading-input__form .adyen-checkout__card__holderName {
  order: 1;
}

.adyen-checkout-form-instruction {
  display: none;
}

.adyen-checkout-contextual-text {
  display: none !important;
}

.adyenCardContainer {
  font-family: "Fira Sans", sans-serif;
}
.adyenCardContainer .adyen-checkout__loading-input__form {
  display: flex;
  flex-direction: column;
}
.adyenCardContainer .adyen-checkout__card__form {
  order: 2;
  margin-top: 8px;
}
.adyenCardContainer .adyen-checkout__field--cardNumber .adyen-checkout__label__text {
  top: -18px;
}
.adyenCardContainer .adyen-checkout__field-wrapper {
  gap: 0 calc(2 * 10px);
  margin-top: 8px;
}
.adyenCardContainer .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-right: 0;
}
.adyenCardContainer .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: 0;
}
.adyenCardContainer .adyen-checkout__card__cardNumber__input {
  position: relative;
}
.adyenCardContainer .adyen-checkout__card__cardNumber__input::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 16px;
  background-image: url("/static/images/infowerk/Image_VISA_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 28px 16px;
}
.adyenCardContainer .adyen-checkout__card__cardNumber__input::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 16px;
  background-image: url("/static/images/infowerk/Image_Mastercard_Logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 21px 16px;
}
.adyenCardContainer .adyen-checkout__card__holderName {
  order: 1;
  height: 2.125rem;
  margin-top: 0;
}
.adyenCardContainer .adyen-checkout__label__text {
  top: -4px;
  font-size: 9px !important;
}
.adyenCardContainer .adyen-checkout__input-wrapper {
  height: 1.25rem;
  border-radius: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  margin-top: 0.875rem;
  border-color: #f2f2f2 !important;
}
.adyenCardContainer .adyen-checkout__input-wrapper:focus-within:hover, .adyenCardContainer .adyen-checkout__input-wrapper:focus-within {
  border-color: #f2f2f2 !important;
  box-shadow: none;
}
.adyenCardContainer .adyen-checkout__input {
  font-size: 12px !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
}
.adyenCardContainer .adyen-checkout__input iframe {
  position: absolute;
  top: 0px;
}
.adyenCardContainer .adyen-checkout__field__exp-date_hint {
  margin-bottom: 4px;
}
.adyenCardContainer .adyen-checkout-form-instruction {
  display: none;
}
.adyenCardContainer .adyen-checkout-contextual-text {
  display: none;
}

.fastPayment__paypalWrapper {
  width: 100%;
  height: 100%;
}
.fastPayment__paypalWrapper .adyen-checkout__paypal__button {
  margin-bottom: 0;
  min-width: 4.6875rem;
}
.fastPayment__paypalWrapper .paypal-buttons-layout-horizontal {
  min-height: 2.5rem !important;
  min-width: calc((100% / 12 * 4 ) - ( 2 * 10px )) !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__paypalWrapper .paypal-buttons-layout-horizontal {
    min-width: 6.25rem !important;
  }
}
@media only screen and (min-width: 1730px) {
  .fastPayment__paypalWrapper .paypal-buttons-layout-horizontal {
    min-height: 2.8125rem !important;
  }
}

.fastPayment__googlePayWrapper {
  width: 100%;
  height: 100%;
}
.fastPayment__googlePayWrapper .adyen-checkout__paywithgoogle {
  height: max-content;
}
.fastPayment__googlePayWrapper .gpay-card-info-container-fill {
  height: 2.5rem !important;
}
@media only screen and (min-width: 1730px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container-fill {
    height: 2.8125rem !important;
  }
}
.fastPayment__googlePayWrapper .gpay-card-info-container {
  height: 2.5rem !important;
  min-width: calc((100% / 12 * 4 ) - ( 2 * 10px )) !important;
  outline: none !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container {
    min-width: 6.25rem !important;
  }
}
@media only screen and (min-width: 1730px) {
  .fastPayment__googlePayWrapper .gpay-card-info-container {
    height: 2.8125rem !important;
  }
}

.fastPayment__applePayWrapper {
  width: 100%;
  height: 2.5rem !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__applePayWrapper {
    width: 6.25rem !important;
  }
}
@media only screen and (min-width: 1440px) {
  .fastPayment__applePayWrapper {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1730px) {
  .fastPayment__applePayWrapper {
    height: 2.8125rem !important;
  }
}
.fastPayment__applePayWrapper .adyen-checkout__applepay__button {
  height: 2.5rem !important;
  width: 100%;
  border: none;
  outline: none;
  -webkit-appearance: -apple-pay-button;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__applePayWrapper .adyen-checkout__applepay__button {
    width: 6.25rem !important;
  }
}
@media only screen and (min-width: 1440px) {
  .fastPayment__applePayWrapper .adyen-checkout__applepay__button {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1730px) {
  .fastPayment__applePayWrapper .adyen-checkout__applepay__button {
    height: 2.8125rem !important;
  }
}

.fastPayment__amazonPayWrapper {
  max-width: 95px !important;
  height: 2.5rem !important;
}
@media only screen and (min-width: 1280px) {
  .fastPayment__amazonPayWrapper {
    max-width: 6.25rem !important;
  }
}
@media only screen and (min-width: 1730px) {
  .fastPayment__amazonPayWrapper {
    height: 2.8125rem !important;
  }
}

.fastPayment__amazonPayWrapper_noApplePay {
  min-width: calc((100% / 12 * 4 ) - ( 2 * 10px )) !important;
  max-width: 6.25rem !important;
  height: 2.5rem !important;
}
@media only screen and (min-width: 1730px) {
  .fastPayment__amazonPayWrapper_noApplePay {
    height: 2.8125rem !important;
  }
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow, .rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-top .rc-tooltip-arrow {
  width: 0 !important;
  height: 0 !important;
  border-style: solid;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-top .rc-tooltip-arrow {
  position: absolute;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-left .rc-tooltip-arrow {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  position: absolute;
  right: 8px !important;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
  position: absolute;
  left: 8px !important;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  position: absolute;
  top: 8px !important;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  position: absolute;
  bottom: 8px !important;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-top .rc-tooltip-arrow {
  bottom: -8px !important;
  border-width: 8px 8px 0 8px;
  border-color: #26606E transparent transparent transparent;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottom .rc-tooltip-arrow {
  top: -8px !important;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #26606E transparent;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow, .rc-tooltip-placement-left .rc-tooltip-arrow {
  right: -8px !important;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #26606E;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow, .rc-tooltip-placement-right .rc-tooltip-arrow {
  left: -8px !important;
  border-width: 8px 8px 8px 0;
  border-color: transparent #26606E transparent transparent;
}

.tooltipWrapper {
  display: inline-block;
}

.tooltipWrapper {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  position: absolute;
  background-color: #26606E;
}

.tooltipWrapperBelowHeader {
  z-index: 9997;
}

.tooltipWrapperAboveHeaderBelowModal {
  z-index: 10000;
}

.tooltipWrapperAboveHeader {
  z-index: 100000000;
}

.tooltipWrapperSticky {
  position: fixed;
}

.rc-tooltip.rc-tooltip-zoom-appear,
.rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}

.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  display: block;
  visibility: visible;
  line-height: 1.5;
  font-size: 12px;
  padding: 1px;
}

.rc-tooltip-hidden {
  display: none;
}

.rdp-caption_label {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0;
  text-transform: none;
}

.rdp-dropdown_icon {
  color: #808080;
  margin-left: 0.625rem;
}

.rdp-head_cell {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  color: #808080;
}

.rdp-nav .rdp-button {
  color: #808080;
}
.rdp-nav .rdp-button:hover {
  color: #000000;
  background-color: inherit !important;
}

.rdp-day_selected {
  background-color: #e5e5e5;
  color: initial;
}
.rdp-day_selected:hover {
  background-color: #f2f2f2;
  color: initial;
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: #f2f2f2;
}

.lazyload-wrapper,
.lazyload-wrapper div {
  width: 100%;
  height: 100%;
}