@charset "UTF-8";
:root {
  --colorBrand: hsl(25, 51%, 55%);
  --colorBrand-h: 25;
  --colorBrand-s: 51;
  --colorBrand-l: 55;
  --colorBrand-contrast: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  --colorBrandSecondary: hsl(205, 79%, 95%);
  --colorBrandSecondary-h: 205;
  --colorBrandSecondary-s: 79;
  --colorBrandSecondary-l: 95;
  --colorBodyBg: hsl(0, 0%, 100%);
  --colorBodyBg-h: 0;
  --colorBodyBg-s: 0;
  --colorBodyBg-l: 100;
  --colorSecondaryBg: hsl(0, 0%, 91%);
  --colorSecondaryBg-h: 0;
  --colorSecondaryBg-s: 0;
  --colorSecondaryBg-l: 91;
  --colorContrastBg: hsl(203, 28%, 8%);
  --colorContrastBg-h: 203;
  --colorContrastBg-s: 28;
  --colorContrastBg-l: 8;
  --colorThemeAccent: hsl(0, 0%, 100%);
  --colorThemeAccent-h: 0;
  --colorThemeAccent-s: 0;
  --colorThemeAccent-l: 100;
  --colorBrandBg: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.93 * 1%));
  --colorBrandBgDark: hsla(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1%), 0.25);
  --colorShadeBg: rgba(0,0,0,.8);
  --colorShadeBgLight: #F6F6F6;
  --colorOutlines: #e3e3e3;
  --colorOutlinesLight: #f5f5f5;
  --colorHighlighted: #ba0000;
  --starsColor: #fcad00;
  --colorBlack: #000000;
  --colorWhite: #ffffff;
  --colorHeaderLink: #000;
  --colorHeaderLinkUnderline: var(--colorBrand);
  --colorHeaderBackground: #fff;
  --colorHeaderGradient: transparent;
  --colorParticularPartsBg: #f5f5f5;
  --colorDarkOverlay: #064827;
  --colorErrorsDefault: hsl(352, 100%, 43%);
  --colorErrorsDefault-h: 352;
  --colorErrorsDefault-s: 100;
  --colorErrorsDefault-l: 43;
  --colorText: hsl(0, 0%, 12%);
  --colorText-h: 0;
  --colorText-s: 0;
  --colorText-l: 12;
  --colorTextHeading: #000;
  --colorTextSubtle: #4a4a4a;
  --colorLinkText: var(--colorBrand);
  --colorLinkTextActive: var(--colorText);
  --colorInputBorder: var(--colorOutlines);
  --colorInputBackground: var(--colorThemeAccent);
  --colorInputBorderFocus: #383838;
  --colorInputBackgroundFocus: var(--colorThemeAccent);
  --colorInputBackgroundInvalid: var(--colorThemeAccent);
  --colorButtonBg: var(--colorBrand);
  --colorButtonDisabledBg: gray;
  --colorButtonText: white;
  --colorButtonLightHover: #dcdcdc;
  --colorBorderConfigurator: #DFE1ED;
  --stateInfo: #5895f5;
  --stateSuccess: #4dab00;
  --stateWarning: #f58c59;
  --stateError: #dc2727;
  --colorStockIn: var(--stateSuccess);
  --colorStockOut: var(--stateError);
  --colorBackgroundProductListItem: transparent;
  --colorVisitorsNotificationsBg: #383838;
  --colorTagRecommended: hsl(204, 70%, 53%);
  --colorTagRecommended-h: 204;
  --colorTagRecommended-s: 70;
  --colorTagRecommended-l: 53;
  --colorTagRecommended-contrast: hsl(0, 0%, calc((var(--colorTagRecommended-l) - 60) * -100%));
  --colorTagDiscounted: hsl(6, 78%, 57%);
  --colorTagDiscounted-h: 6;
  --colorTagDiscounted-s: 78;
  --colorTagDiscounted-l: 57;
  --colorTagDiscounted-contrast: hsl(0, 0%, calc((var(--colorTagDiscounted-l) - 60) * -100%));
  --colorTagNew: hsl(145, 63%, 42%);
  --colorTagNew-h: 145;
  --colorTagNew-s: 63;
  --colorTagNew-l: 42;
  --colorTagNew-contrast: hsl(0, 0%, calc((var(--colorTagNew-l) - 60) * -100%));
  --colorTagSale: hsl(37, 90%, 51%);
  --colorTagSale-h: 37;
  --colorTagSale-s: 90;
  --colorTagSale-l: 51;
  --colorTagSale-contrast: hsl(0, 0%, calc((var(--colorTagSale-l) - 60) * -100%));
  --colorTagUsed: hsl(210, 29%, 29%);
  --colorTagUsed-h: 210;
  --colorTagUsed-s: 29;
  --colorTagUsed-l: 29;
  --colorTagUsed-contrast: hsl(0, 0%, calc((var(--colorTagUsed-l) - 60) * -100%));
  --colorTagAction: hsl(283, 39%, 53%);
  --colorTagAction-h: 283;
  --colorTagAction-s: 39;
  --colorTagAction-l: 53;
  --colorTagAction-contrast: hsl(0, 0%, calc((var(--colorTagAction-l) - 60) * -100%));
  --colorTagFreeStorePickup: hsl(210, 29%, 24%);
  --colorTagFreeStorePickup-h: 210;
  --colorTagFreeStorePickup-s: 29;
  --colorTagFreeStorePickup-l: 24;
  --colorTagFreeStorePickup-contrast: hsl(0, 0%, calc((var(--colorTagFreeStorePickup-l) - 60) * -100%));
  --colorTagFreeDelivery: hsl(210, 29%, 24%);
  --colorTagFreeDelivery-h: 210;
  --colorTagFreeDelivery-s: 29;
  --colorTagFreeDelivery-l: 24;
  --colorTagFreeDelivery-contrast: hsl(0, 0%, calc((var(--colorTagFreeDelivery-l) - 60) * -100%));
}

:root {
  --durationAnimationBase: .25s;
  --easingAnimationBase: ease-in-out;
  --animationBase: all var(--durationAnimationBase) var(--easingAnimationBase);
}

:root {
  --layerNegativeZIndex: -1;
  --layerNullZIndex: 0;
  --layerPageZIndex: 1;
  --layerPageSecondaryZIndex: 2;
  --layerHeaderZIndex: 10;
  --layerDropdownZIndex: 20;
  --layerModalZIndex: 21;
  --layerPopoverZIndex: 22;
  --layerTooltipZIndex: 23;
  --cookiePopupLayer: 24;
  --layerSpinnerZIndex: 25;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.is-not-smooth {
  scroll-behavior: unset;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background: var(--colorBodyBg);
  margin: 0;
  font-size: var(--textBaseSize);
  font-family: var(--font-primary);
  font-weight: var(--font-weight);
  color: var(--colorText);
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: var(--bodyLineHeight);
}

body.is-not-overflowed {
  overflow: hidden;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}

::selection {
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  background: var(--colorBrand);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --sizeContentOffset: 1.25rem;
  --sizeContentWidth: 100rem;
  --sizeInputFont: var(--textSm);
  --sizeInputPaddingVertical: var(--spaceSm);
  --sizeInputPaddingHorizontal: var(--spaceMd);
  --sizeInputPadding: var(--sizeInputPaddingVertical) var(--sizeInputPaddingHorizontal);
  --sizeInputBorder: 1px;
  --sizeInputBorderRadius: 0;
  --sizeButtonFont: var(--textSm);
  --sizeButtonPaddingVertical: var(--spaceSm);
  --sizeButtonPaddingHorizontal: var(--spaceLg);
  --sizeButtonPadding: var(--sizeButtonPaddingVertical) var(--sizeButtonPaddingHorizontal);
  --sizeButtonBorder: 1px;
  --sizeButtonBorderRadius: 0;
  --sizeContentFullHd: 120rem;
  --sizePagerBorderRadius: 50%;
  --sizeRangeSliderBorderRadius: 50%;
  --sizeCategoryFiltersBorderRadius: 1rem;
  --sizeCategoryFiltersInputBorderRadius: 0.375rem;
  --sizeCategoryNavBorderRadius: 1rem;
  --sizeProductDetailCountControlBorderRadius: 50%;
  --sizeProductDetailContactBoxBorderRadius: 0.5rem;
  --sizeProductDetailContactFormInputBorderRadius: 0.25rem;
  --sizeProductDetailBoxBorderRadius: 1rem;
  --sizeProductDetailImageBorderRadius: 1rem;
  --sizeProductDetailVariantBorderRadius: 1rem;
  --sizeSwiperArrowBorderRadius: 50%;
  --contactPersonsBorderRadius: 0.5rem;
}

@media (min-width: 100rem) {
  :root {
    --sizeContentOffset: 1.25rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --sizeContentOffset: 3rem;
  }
}

/*
	!! DO NOT FORGET TO ADD FONTS TO '@preload.php' FILE AS WELL !!
	----
	Overwrite $font-list object in _font-list.scss file !!
*/
/* !! DO NOT FORGET TO ADD FONTS TO '@preload-fonts.php' FILE AS WELL !! */
@font-face {
  font-family: WorkSans;
  src: url("/frontend/fonts/WorkSans/WorkSans-semibold-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: WorkSans;
  src: url("/frontend/fonts/WorkSans/WorkSans-regular-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

.u-frame {
  max-width: calc(var(--sizeContentWidth) + var(--sizeContentOffset) * 2);
  padding-left: var(--sizeContentOffset);
  padding-right: var(--sizeContentOffset);
}

.u-clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.u-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

[class*="u-frame"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.u-fullWidth {
  width: 100%;
}

.u-block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-hidden {
  display: none !important;
}

.u-hiddenVisually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-invisibleScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.u-invisibleScrollBar::-webkit-scrollbar {
  display: none;
}

.u-customScrollBar {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  scrollbar-width: thin;
}

.u-customScrollBar::-webkit-scrollbar {
  width: .4rem;
}

.u-customScrollBar::-webkit-scrollbar-track {
  background: transparent;
}

.u-customScrollBar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  transition: all .25s ease-in-out;
}

.u-customScrollBar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

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

.u-textRight {
  text-align: right;
}

.u-flexJustifyStart {
  justify-content: flex-start;
}

.u-flexJustifyEnd {
  justify-content: flex-end;
}

.u-flexJustifyCenter {
  justify-content: center;
}

.u-flexJustifyBetween {
  justify-content: space-between;
}

.u-flexJustifyAround {
  justify-content: space-around;
}

.u-flexAlignItemsStart {
  align-items: flex-start;
}

.u-flexAlignItemsEnd {
  align-items: flex-end;
}

.u-flexAlignItemsCenter {
  align-items: center;
}

.u-spanRow {
  grid-column: 1 / -1;
}

.u-hiddenOverflow {
  overflow: hidden;
}

.u-noWrap {
  white-space: nowrap;
}

.u-textUppercase {
  text-transform: uppercase;
}

.u-textLowercase {
  text-transform: lowercase;
}

.u-responsiveTable {
  overflow-x: auto;
}

:root {
  --font-primary: WorkSans, sans-serif;
  --font-secondary: serif;
  --font-weight: 300;
  /* set base values */
  --textBaseSize: 1rem;
  --textScaleRatio: 1.2;
  /* type scale */
  --textXxs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio)));
  --textXs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio)));
  --textSm: calc(1em / var(--textScaleRatio));
  --textRg: 1em;
  --textMd: calc(1em * var(--textScaleRatio));
  --textLg: calc(1em * var(--textScaleRatio) * var(--textScaleRatio));
  --textXl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --bodyLineHeight: 1.5;
  --headingLineHeight: 1.2;
}

@media (min-width: 48.01rem) {
  :root {
    --textBaseSize: 1.15rem;
  }
}

@media (min-width: 64.01rem) {
  :root {
    --textBaseSize: 1.25rem;
  }
}

h1, h2, h3, h4, form legend {
  color: var(--colorTextHeading);
  margin-bottom: var(--spaceXs);
  line-height: var(--headingLineHeight);
}

/* text size */
.u-textXxxl {
  font-size: var(--textXxxl);
}

h1, .u-textXxl {
  font-size: var(--textXxl);
}

h2, .u-textXl {
  font-size: var(--textXxl);
  margin-bottom: var(--spaceSm);
}

h3, .u-textLg {
  font-size: var(--textLg);
}

h4, .u-textMd {
  font-size: var(--textMd);
}

.u-textSm, small {
  font-size: var(--textSm);
}

.u-textXs {
  font-size: var(--textXs);
}

p {
  line-height: var(--bodyLineHeight);
}

a {
  color: var(--colorLinkText);
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: var(--colorLinkTextActive);
  text-decoration: underline;
}

:root {
  --spaceUnit:  1em;
  --spaceXxxxs: calc(0.125 * var(--spaceUnit));
  --spaceXxxs:  calc(0.25 * var(--spaceUnit));
  --spaceXxs:   calc(0.375 * var(--spaceUnit));
  --spaceXs:    calc(0.5 * var(--spaceUnit));
  --spaceSm:    calc(0.75 * var(--spaceUnit));
  --spaceRg:    var(--spaceUnit);
  --spaceMd:    calc(1.25 * var(--spaceUnit));
  --spaceLg:    calc(2 * var(--spaceUnit));
  --spaceXl:    calc(3.25 * var(--spaceUnit));
  --spaceXxl:   calc(5.25 * var(--spaceUnit));
  --spaceXxxl:  calc(8.5 * var(--spaceUnit));
  --spaceXxxxl: calc(13.75 * var(--spaceUnit));
  --sizeModuleHorizontalOffset: 5rem;
}

.u-spaceUnit {
  margin-bottom: var(--spaceUnit);
}

.u-spaceXxxxs {
  margin-bottom: var(--spaceXxxxs);
}

.u-spaceXxxs {
  margin-bottom: var(--spaceXxxs);
}

.u-spaceXxs {
  margin-bottom: var(--spaceXxs);
}

.u-spaceXs {
  margin-bottom: var(--spaceXs);
}

.u-spaceSm {
  margin-bottom: var(--spaceSm);
}

.u-spaceMd {
  margin-bottom: var(--spaceMd);
}

.u-spaceLg {
  margin-bottom: var(--spaceLg);
}

.u-spaceXl {
  margin-bottom: var(--spaceXl);
}

.u-spaceXxl {
  margin-bottom: var(--spaceXxl);
}

.u-spaceXxxl {
  margin-bottom: var(--spaceXxxl);
}

.u-spaceXxxxl {
  margin-bottom: var(--spaceXxxxl);
}

[data-tooltip] {
  position: relative;
  display: inline-block;
}

[data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 11px);
  background: #000000de;
  color: #fff;
  transform-origin: bottom center;
  transition: var(--animationBase);
  transform: translateX(-50%);
  padding: 17px;
  font-size: 14px;
  width: 249px;
  text-align: center;
  line-height: 1.4;
  border-radius: 4px;
  border-bottom: 3px solid var(--colorBrand);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:after {
  content: '▾';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 249px;
  font-size: 32px;
  line-height: 17px;
  text-align: center;
  color: var(--colorBrand);
  transition: var(--animationBase);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:hover:before {
  pointer-events: auto;
  opacity: 1;
}

[data-tooltip]:hover:after {
  pointer-events: auto;
  opacity: 1;
}

body .AppNavigationItem {
  font-size: 1rem;
  text-transform: none;
}

@media (min-width: 75rem) {
  body .AppNavigationItem {
    text-align: center;
  }
}

body .AppNavigationItem-link::after {
  background: var(--colorBrand);
}

body .AppNavigationItem-link:is([target="_blank"]):hover::before {
  content: "";
  position: absolute;
  top: -0.6rem;
  right: 0;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  color: inherit;
}

@media (min-width: 75rem) {
  body .AppNavigation-list {
    height: 100%;
    align-items: center;
    gap: 2rem;
    margin-left: 0;
  }
}

body .NavigationFolding {
  display: none;
}

body .Breadcrumbs {
  position: relative;
  z-index: 2;
}

body .HeaderBox--email {
  margin-left: auto;
  color: var(--colorBrand);
}

body .HeaderBox-label {
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--colorText);
}

body .HeaderBox-label:hover, body .HeaderBox-label:active, body .HeaderBox-label:focus {
  text-decoration: underline;
}

body .HeroItem-contentWrapper {
  max-width: 50rem;
}

body .HeroItem-content {
  background: transparent;
}

body .HeroItem img, body .HeroItem source {
  object-position: top;
}

body .HeroItem-title {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 600;
  line-height: normal;
}

body .HeroItem .StyledText {
  font-weight: 600;
  font-size: clamp(1rem, 2vw, 1.5rem);
  max-width: 38rem;
}

body .Hero .ButtonBase {
  text-transform: none;
}

body .Hero .ButtonBase::before {
  content: "";
  position: relative;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M20.5 2.0918H4.5C3.4 2.0918 2.5 2.9918 2.5 4.0918V22.0918L6.5 18.0918H20.5C21.6 18.0918 22.5 17.1918 22.5 16.0918V4.0918C22.5 2.9918 21.6 2.0918 20.5 2.0918ZM20.5 16.0918H6.5L4.5 18.0918V4.0918H20.5V16.0918Z" fill="%23F9F9F9"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

body .Hero .ButtonBase span {
  padding-left: 0.5rem;
}

body .SEOTextHeader-title {
  text-align: left;
}

body .SEOTextHeader-perex {
  display: none;
}

body .BenefitPoint {
  position: relative;
  z-index: 2;
  margin: var(--sizeModuleHorizontalOffset) auto;
  color: var(--colorWhite);
}

body .BenefitPoint h2, body .BenefitPoint h3 {
  color: var(--colorWhite);
}

body .BenefitPoint-frame {
  margin-top: 2.5rem;
}

body .BenefitPointItem-image {
  background: transparent;
}

body .BenefitPointItem-image svg {
  margin: 0;
}

body .BenefitPointItem-image svg path {
  fill: var(--colorWhite);
}

body .BenefitPointItem-title {
  font-size: 1rem;
  text-transform: none;
}

body .BenefitPoint-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
}

body .BenefitPoint-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

body .BenefitPoint-bg img, body .BenefitPoint-bg source {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .BenefitPoint-perex p {
  max-width: 870px;
  margin: 0 auto;
}

body .BenefitPoint-perex a {
  color: var(--colorWhite);
}

body .BenefitPoint-perex a:hover, body .BenefitPoint-perex a:active, body .BenefitPoint-perex a:focus {
  opacity: 0.9;
}

body .HomeNews-icon {
  color: var(--colorBlack);
  background: var(--colorOutlines);
}

body .HomeNews-icon:hover, body .HomeNews-icon:active, body .HomeNews-icon:focus {
  background: #b1b5b7;
}

body .HomeNews-all a {
  text-transform: none;
}

body .DepartmentProfiles {
  margin: 2.5rem 0;
}

body .DepartmentProfilesItem-title, body .DepartmentProfiles .StyledText {
  text-align: center;
}

body .DepartmentProfiles .StyledText {
  width: 100%;
}

@media (min-width: 64rem) {
  body .DepartmentProfiles .StyledText {
    width: 50%;
    margin: 0 auto;
  }
}

body .Partners-title {
  font-size: clamp(1.5rem, 3vw, 2.125rem);
}

body .ReferenceListPage {
  padding-bottom: 0;
}

body .ReferenceListPage-gallery {
  width: 100%;
}

body .ReferenceListPage-gallery h2 {
  font-size: clamp(1.5rem, 3vw, 2.125rem);
}

body .ReferenceListPage-gallery .ImageGallery-btn {
  margin-bottom: 4rem;
}

body .ImageGallery {
  overflow-x: hidden;
}

body .ImageGallery-btn {
  display: none;
  text-transform: none;
  font-size: 1rem;
  margin-bottom: 5rem;
}

body .ImageGallery-title {
  margin: 3rem 0 !important;
}

body .ImageGallery-swiper-controls {
  margin-bottom: 3rem;
}

body .AppForm-col span {
  text-transform: none;
  position: relative;
}

body .AppForm-col span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2rem;
  width: 1.35rem;
  height: 1.35rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='m4.37 6.53 7.5 3.22-7.51-1V6.53Zm7.5 8.72-7.51 3.22v-2.22l7.5-1ZM2.37 3.5l-.01 7 15 2-15 2v7l21-9-21-9Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

body .AppForm .FormBubble {
  position: absolute;
}

body .AppForm .FormBubble-icon {
  position: absolute;
  right: 0;
  top: 0.7rem;
}

body .AppForm .FormBubble-content {
  bottom: 2.25rem;
}

body .Contact {
  background: var(--colorParticularPartsBg);
  padding: 2.5rem 0;
}

body .Contact p {
  margin: 0;
}

body .ContactTab-icon {
  color: var(--colorBlack);
}

body .ContactTab-map {
  height: 20rem;
}

@media (min-width: 64rem) {
  body .ContactTab-map {
    height: 25rem;
  }
}

body .Contact .OpeningHours-icon, body .Contact .OpeningHours-title {
  color: var(--colorBrand);
}

body .VisitorsNotification {
  position: relative;
  z-index: 2;
}

body .VisitorsNotification-title {
  font-size: 1rem;
}

body .VisitorsNotificationList {
  background: var(--colorVisitorsNotificationsBg);
  position: relative;
  z-index: 0;
}

body .VisitorsNotification-content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 64rem) {
  body .VisitorsNotification-content {
    flex-direction: row;
  }
}

body .VisitorsNotification-text {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1px;
}

body .PageDetail-content {
  padding-bottom: 0;
}

body .PageDetail-form {
  padding: 0;
}

body .PageDetail-frame {
  margin-top: 0;
}

body .PageDetail:is(.isContact) .SubpageHeader {
  margin-bottom: 0;
}

body .PageDetail:is(.isContact) .ContactForm {
  background: var(--colorWhite);
}

@media (min-width: 64.01rem) {
  body .PageDetail:is(.isContact) .ContactForm {
    margin: 0;
  }
}

body .PageDetail:is(.isContact) .ContactForm-form {
  background: var(--colorWhite);
}

body .PageDetail:is(.isContact) .ContactForm .InputBase, body .PageDetail:is(.isContact) .ContactForm .TextareaBase {
  background: var(--colorWhite);
}

body.location_homepage {
  background: var(--colorParticularPartsBg);
}

/*# sourceMappingURL=base.min.css.map */