.Dealers {
  display: flex;
  flex-direction: column;
  max-width: 1179px;
  margin: 0 auto;
  margin-bottom: 60px;
  word-wrap: break-word;
  word-break: break-word;
}

.Dealers--onModulePage {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  background: #f6f3ef;
  display: none;
}

.Dealers--onModulePage.is-active {
  display: flex;
}

.Dealers-mediumWidthSpacer {
  width: 100%;
  max-width: 100%;
}

.Dealers-widgetContainer {
  margin: 20px 0;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  font-family: "Din", "Helvetica", "Arial", sans;
}

.Dealers-regionColumn,
.Dealers-countryColumn,
.Dealers-dealerColumn {
  flex: 2 2 0;
  min-width: 100px;
  max-width: 180px;
  display: flex;
  flex-direction: column;
  padding: 0 40px;
}

.Dealers-region .Dealers-arrowIcon,
.Dealers-country .Dealers-arrowIcon,
.Dealers-dealer .Dealers-arrowIcon {
  margin-left: 20px;
}


.Dealers-regionColumn--showBorder,
.Dealers-countryColumn--showBorder {
  border-right: 1px dashed #ccc9c6;
}

.Dealers-regionColumn {
  padding-left: 0px;
}

.Dealers-regionColumn {
  padding-left: 0;
}

.Dealers-selectedDealerColumn {
  flex: 4 4 0;
  width: calc(100% - 660px);
  max-width: 440px;
}

.Dealers-selectedDealerContainer {
  background: white;
  padding: 40px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  max-height: 500px;
  border: 1px solid #CCC9C6;
}

.Dealers-selectedDealerContainer--desktop {
  width: calc(100% - 80px);
  height: calc(100% - 50px);
  display: flex;
}

.Dealers-selectedDealerName {
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 40px;
}

.Dealers-mapsLabel {
  font-size: 16px;
  color: #4a4a4a;
  padding-bottom: 5px;
}

.Dealers-selectedDealerLink,
.Dealers-mapsLink,
.Dealers-selectedDealerAddress {
  font-size: 20px;
  line-height: 22px;
}

.Dealers-selectedDealerLink,
.Dealers-mapsLink,
.Dealers-selectedDealerAddress,
.Dealers-logoContainer {
  margin-bottom: 30px;
}

.Dealers-region,
.Dealers-country,
.Dealers-dealer {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc9c6;
  cursor: pointer;
  order: 2;
}

.Dealers-region:hover,
.Dealers-country:hover,
.Dealers-dealer:hover {
  color: #cc3868;
}

.Dealers-region--active,
.Dealers-country--active,
.Dealers-dealer--active {
  font-weight: bold;
  color: #cc3868;
}

.Dealers-region:hover .Dealers-arrowIcon,
.Dealers-country:hover .Dealers-arrowIcon,
.Dealers-dealer:hover .Dealers-arrowIcon,
.Dealers-region--active .Dealers-arrowIcon,
.Dealers-country--active .Dealers-arrowIcon,
.Dealers-dealer--active .Dealers-arrowIcon {
  stroke: #cc3868;
}

.Dealers-region--first,
.Dealers-country--first,
.Dealers-dealer--first {
  padding-top: 0;
}

.Dealers-region--last,
.Dealers-country--last,
.Dealers-dealer--last {
  border-bottom: 0;
  padding-bottom: 0;
}

.Dealers-arrowIcon {
  stroke: #00928f;
  margin-top: -3px;
  padding-left: 10px;
  width: 16px;
  height: 16px;
  flex: initial;
  flex-shrink: 0;
}

.Dealers-arrowIcon::before {
  margin-left: 20px;
}

.Dealers-arrowIcon--back {
  padding-left: 0;
  padding-right: 10px;
}

.Dealers-back {
  display: none;
  font-size: 16px;
  line-height: 22px;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc9c6;
  cursor: pointer;
  order: 1;
  margin-bottom: 12px;
}

.Dealers-back:hover {
  color: #cc3868;
}
.Dealers-back:hover .Dealers-arrowIcon--back {
  stroke: #cc3868;
}

.Dealers-selectedDealerContainer--mobile {
  display: none;
}

.Dealers-logoContainer {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  max-height: 150px;
}

.Dealers-logoImage {
  max-height: 150px;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.Dealers--medium .Dealers-mediumWidthSpacer {
  max-width: 750px;
  margin: auto;
}

.Dealers--medium .Dealers-back,
.Dealers--small .Dealers-back{
  display: flex;
}

.Dealers--medium .Dealers-regionColumn,
.Dealers--medium .Dealers-countryColumn,
.Dealers--medium .Dealers-dealerColumn,
.Dealers--small .Dealers-regionColumn,
.Dealers--small .Dealers-countryColumn,
.Dealers--small .Dealers-dealerColumn {
  padding-left: 0;
  display: none;
}

.Dealers--medium .Dealers-dealerColumn.Dealers-column--active,
.Dealers--medium .Dealers-countryColumn.Dealers-column--active,
.Dealers--medium .Dealers-regionColumn.Dealers-column--active,
.Dealers--small .Dealers-dealerColumn.Dealers-column--active,
.Dealers--small .Dealers-countryColumn.Dealers-column--active,
.Dealers--small .Dealers-regionColumn.Dealers-column--active {
  display: flex;
  flex: 1 0 0;
  max-width: 250px;
  border-right: 0;
}

.Dealers--medium .Dealers-selectedDealerColumn,
.Dealers--small .Dealers-selectedDealerColumn {
  flex: 2 0 0;
  width: calc(100% - 220px);
  max-width: 500px;
}

.Dealers--small {
  max-width: 100%;
}

.Dealers--small .Dealers-dealerColumn,
.Dealers--small .Dealers-countryColumn,
.Dealers--small .Dealers-regionColumn {
  display: none;
}

.Dealers--small .Dealers-dealerColumn.Dealers-column--active,
.Dealers--small .Dealers-countryColumn.Dealers-column--active,
.Dealers--small .Dealers-regionColumn.Dealers-column--active {
  display: flex;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  border-right: 0;
  padding: 0;
}

.Dealers--small .Dealers-selectedDealerContainer--desktop {
  display: none;
}

.Dealers--small .Dealers-selectedDealerContainer--mobile {
  width: calc(100% - 40px);
  display: flex;
}

.Dealers--small .Dealers-dealer--active {
  border-bottom: 1px solid white;
}

.Dealers--small .Dealers-selectedDealerContainer--mobile {
  flex: 1 0 auto;
  order: 2;
  border: 1px solid #ccc9c6;
  padding: 20px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}

.Dealers--small .Dealers-selectedDealerColumn {
  display: none;
}

.Dealers--small .Dealers-dealer--last {
  padding-bottom: 10px;
}

.Dealers--small .Dealers-logoContainer {
  margin-bottom: 20px;
}

.Dealers-country:not(.Dealers-country--visible),
.Dealers-dealer:not(.Dealers-dealer--visible),
.Dealers-selectedDealerContainer:not(.Dealers-selectedDealerContainer--active) {
  display: none;
}