@charset "UTF-8";
.sr-only,
.visually-hidden,
.screenreader-only,
table caption {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
          box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #dddddd;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #444444;
}

.ui-widget-content a {
  color: #444444;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #dddddd url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
  color: #444444;
  font-weight: bold;
}

.ui-widget-header a {
  color: #444444;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #dddddd;
  background: #f6f6f6 url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #0073ea;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #0073ea;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #0073ea;
  background: #0073ea url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #ffffff;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
          box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #dddddd;
  background: #ffffff url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #ff0084;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #dddddd;
  background-color: #ff0084;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ff0084;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #444444;
}

.ui-state-checked {
  border: 1px solid #cccccc;
  background: #ffffff;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #444444;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff0084;
  background: #ffffff;
  color: #222222;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #222222;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #222222;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_ff0084_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_0073ea_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_0073ea_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_ff0084_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("//cdn.seven49.net/common/js/jquery/jquery-ui-flick/images/ui-icons_666666_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee;
  opacity: 0.8;
}

.ui-widget-shadow {
  -webkit-box-shadow: -4px -4px 4px #aaaaaa;
  box-shadow: -4px -4px 4px #aaaaaa;
}

.easy-autocomplete * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.easy-autocomplete {
  position: relative;
}

.easy-autocomplete input {
  border-color: transparent;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 0 0 0 none;
          box-shadow: 0 0 0 none;
  color: #000;
  float: none;
  padding: 0.75rem 0.75rem;
}

.easy-autocomplete input:hover,
.easy-autocomplete input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.easy-autocomplete a {
  display: block;
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
  border-color: #41DB00;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul {
  border-color: #41DB00;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41DB00;
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}

.easy-autocomplete.eac-dark {
  color: #fff;
}

.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.easy-autocomplete.eac-dark ul {
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass {
  color: #fff;
}

.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}

.easy-autocomplete.eac-blue {
  color: #fff;
}

.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
  border-color: #5A91CB;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.easy-autocomplete.eac-blue ul {
  border-color: #5A91CB;
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5A91CB;
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}

.easy-autocomplete.eac-yellow {
  color: #333;
}

.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}

.easy-autocomplete.eac-purple {
  color: #333;
}

.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.easy-autocomplete.eac-purple ul {
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}

.easy-autocomplete.eac-bootstrap input {
  border-color: #dadada;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #0069B4;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 95%;
  z-index: 1000;
}

.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #dadada;
  display: none;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: -1px;
  margin: 16px 0 0 0;
}

#eac-container-addProp_BillingLastName {
  width: 100%;
}
#eac-container-addProp_BillingLastName ul {
  margin: 0;
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #dadada;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 4px 12px;
}

.easy-autocomplete-container ul li {
  margin: 0;
  list-style: none;
}

.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}

.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #E6F0F8;
  cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}

.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}

.easy-autocomplete-container ul li b {
  font-weight: bold;
}

.easy-autocomplete-container ul .eac-category {
  color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.75rem;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}

.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}

.eac-item .searchresult span,
.eac-item .searchresult img {
  display: inline-block;
  vertical-align: top;
}

.eac-item .searchresult img {
  width: 10%;
  height: auto;
}

.eac-item .searchresult .description {
  width: calc(90% - 120px);
  padding: 0 10px 0 5px;
}

.eac-item .searchresult .price {
  width: 120px;
  text-align: right;
  white-space: nowrap;
}

.eac-item .searchresult {
  font-size: 0.75rem;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 100%;
}

body {
  font-family: "Helvetica", arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  background-color: #fff;
  color: #000;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#AppPartUI_ShopConfiguration * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
}

a {
  color: #0069B4;
  text-decoration: none;
}
a:hover {
  color: #0069B4;
  text-decoration: underline;
}
a:visited {
  color: #005a9b;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.3rem;
}

.CreditCard span[style*="color: red; visibility: hidden;"],
span[style*="visibility:hidden"] {
  display: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

input[type=text],
input[type=number],
input[type=email],
input[type=password] {
  display: inline-block;
  border: 1px solid transparent;
  background-color: transparent;
  padding: 0.75rem 0.75rem;
  font-family: "Helvetica", arial, sans-serif;
  font-size: 1rem;
  line-height: 1.1rem;
  color: #000;
  height: calc(1.1rem + 0.75rem * 2);
  -webkit-box-shadow: 0 0 0 none;
          box-shadow: 0 0 0 none;
  border-radius: 0;
  width: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-width: 100%;
}

textarea {
  border: 1px solid transparent;
  padding: 0.75rem 0.75rem;
  font-size: 1rem;
  font-family: "Helvetica", arial, sans-serif;
  line-height: 1.1rem;
  color: #000;
  -webkit-box-shadow: 0 0 0 none;
          box-shadow: 0 0 0 none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  width: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

input[type=image] {
  display: inline-block;
  vertical-align: middle;
}

input[type=submit],
input[type=button],
button[type=submit],
button[type=button]:not(.categories-toggle),
button:not(.categories-toggle),
button[type=button]:not(.slick-arrow),
button[type=button]:not([role=tab]) {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
input[type=submit]:hover,
input[type=button]:hover,
button[type=submit]:hover,
button[type=button]:not(.categories-toggle):hover,
button:not(.categories-toggle):hover,
button[type=button]:not(.slick-arrow):hover,
button[type=button]:not([role=tab]):hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}

input[type=submit][disabled],
button[type=submit][disabled],
button.Button[disabled],
input.Button[disabled] {
  background-color: #0295ff;
  color: white;
  opacity: 0.5;
  cursor: none;
}

label {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-family: "Helvetica", arial, sans-serif;
  color: #000;
}

label .info {
  font-size: 0.75rem;
}

.CheckBoxWithFormLabel label {
  margin-left: 0.25rem;
}

fieldset {
  border: 1px solid transparent;
  margin-bottom: 0.75rem;
}
fieldset legend {
  font-size: 0.825rem;
  color: #868e96;
}

.form-group,
.input-item {
  margin-bottom: 0.5rem;
}
.form-group label,
.input-item label {
  display: block;
}
.form-group input[type=text],
.input-item input[type=text] {
  width: 100%;
  max-width: 100%;
}
.form-group.checkbox,
.input-item.checkbox {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.form-group.checkbox label,
.input-item.checkbox label {
  display: inline;
}
@media (min-width: 576px) {
  .form-group,
  .input-item {
    display: table-row;
    margin-bottom: 0;
  }
  .form-group label,
  .input-item label {
    display: table-cell;
    padding: 0.25rem 0.55rem 0.25rem 0;
    min-width: 150px;
    vertical-align: top;
  }
  .form-group.checkbox,
  .input-item.checkbox {
    display: block;
  }
  .form-group.checkbox label,
  .input-item.checkbox label {
    display: inline-block;
    padding-right: 0.25rem;
    vertical-align: middle;
  }
}

.ProductDetailsCart input.ProductDetailsCartNrOfUnits {
  text-align: right;
}

input.ProductOverView {
  width: 3.6rem;
}

.form-group.CreditCardCheckNo input[type=text] {
  max-width: 53px;
}

.YesOrNo > span {
  position: relative;
  padding-left: 1.125rem;
  display: inline-block;
}
.YesOrNo > span input[type=radio] {
  position: absolute;
  margin: 0.25rem 0 0 -1.125rem;
  padding: 0;
}
.YesOrNo > span label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 5px;
}

.CheckBoxWithFormLabel,
.form-check {
  position: relative;
  padding-left: 1.125rem;
}
.CheckBoxWithFormLabel input[type=checkbox],
.form-check input[type=checkbox] {
  position: absolute;
  margin: 0.25rem 0 0 -1.125rem;
  padding: 0;
}
.CheckBoxWithFormLabel label,
.form-check label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 5px;
}

.Categories {
  margin-bottom: 16px;
}

.ShopTreeNavigation {
  padding: 0;
  margin: 0;
  list-style: none;
}

@-webkit-keyframes close {
  0% {
    opacity: 0.5;
    -webkit-transform: rotate(0) scale(0.2);
            transform: rotate(0) scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
}

@keyframes close {
  0% {
    opacity: 0.5;
    -webkit-transform: rotate(0) scale(0.2);
            transform: rotate(0) scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
}
.Categories .categories-toggle {
  background: none;
  border: 0 none;
  padding: 0;
}
.Categories .categories-toggle .shop-icon {
  vertical-align: middle;
}
.Categories .categories-toggle .shop-icon:before {
  vertical-align: middle;
  width: 2.4rem;
  height: 2.2rem;
  background-size: 100%;
  background-position: 50%;
}
.Categories .categories-toggle .shop-icon.menu.close:before {
  -webkit-animation-name: close;
          animation-name: close;
  -webkit-animation-duration: 600ms;
          animation-duration: 600ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.Categories .categories-toggle .button-text {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 2.2rem;
  font-size: 0.9rem;
  color: #0069B4;
}

.ShopTreeNavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ShopTreeNavigation span.ChildInfo {
  display: none;
}
.ShopTreeNavigation li a {
  display: inline-block;
  padding: 0.25rem 0.75rem;
}
.ShopTreeNavigation .selected > a {
  color: #0069B4;
}

.QuickInfoHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -16px;
}
.QuickInfoHeader .LoginViewTop,
.QuickInfoHeader .CartQuickInfo {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .QuickInfoHeader .LoginViewTop,
  .QuickInfoHeader .CartQuickInfo {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.QuickInfoHeader .ECSearch {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .QuickInfoHeader .LoginViewTop,
  .QuickInfoHeader .CartQuickInfo,
  .QuickInfoHeader .ECSearch {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.LoginViewTop {
  font-size: 0.75rem;
}
.LoginViewTop .Links input[type=image] {
  margin-right: 0.25rem;
}
.LoginViewTop .Links a {
  display: inline-block;
}
.LoginViewTop .Links a.ImageButton,
.LoginViewTop .Links a.LinkButton,
.LoginViewTop .Links a.Profile,
.LoginViewTop .Links a.profile {
  display: inline-block;
  line-height: 2.2rem;
  height: 2.2rem;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.LoginViewTop .Links a.LinkButton:not(.logout) {
  margin-left: 0.5rem;
}
.LoginViewTop .Links a.profile,
.LoginViewTop .Links a.Profile {
  margin-left: 0.5rem;
}
.LoginViewTop .Links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.LoginViewTop .login-user-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 16px;
  line-height: 36px;
  overflow: hidden;
}
.LoginViewTop .login-user-area span {
  display: inline-block;
  max-width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.LoginViewTop .login-user-area .login-user-firstname {
  margin-right: 0.25rem;
}
.LoginViewTop .logout-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.LoginViewTop .logout-area .LinkButton {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.LoginViewTop .Status {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.CartQuickInfo {
  font-size: 0.75rem;
}
.CartQuickInfo input[type=image].ImageButton {
  margin-right: 0.5rem;
}
.CartQuickInfo .Controls .checkout-area {
  display: inline-block;
  vertical-align: top;
}
.CartQuickInfo .Controls .checkout-area a.ImageButton {
  line-height: 2.2rem;
  display: inline-block;
  vertical-align: middle;
}
.CartQuickInfo .Controls .checkout-area a.ImageButton .shop-icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}
.CartQuickInfo .Controls .checkout-area .info {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.CartQuickInfo .Controls .cart-area {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 16px;
}
.CartQuickInfo .Controls .cart-area .basket-info {
  position: absolute;
  top: -2px;
  left: 32px;
  font-weight: 700;
  font-size: 9px;
  background: #fff;
  color: #0069B4;
  line-height: 14px;
  width: 14px;
  border-radius: 50%;
  text-align: center;
}
.CartQuickInfo .Controls .cart-area.disabled .basket-info {
  background: #868e96;
  color: #fff;
}
.CartQuickInfo .Controls span {
  display: block;
}
.CartQuickInfo .Controls span.shop-icon {
  display: inline-block;
}
.CartQuickInfo .Controls a.ImageButton,
.CartQuickInfo .Controls a.LinkButton {
  display: inline-block;
  line-height: 2.2rem;
  height: 2.2rem;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.CartQuickInfo .Controls a.LinkButton {
  margin-left: 0.5rem;
}

.ECSearch {
  font-size: 0.75rem;
}
.ECSearch .Controls {
  position: relative;
}
.ECSearch .Controls .SearchTextBox {
  width: calc(100% - 45px);
}
.ECSearch .Controls .ImageButton {
  position: absolute;
  top: 0;
  right: 0;
}
.ECSearch .Status {
  margin-top: 0.25rem;
}

.Trail > span span {
  display: inline-block;
}
.Trail > span span:after {
  content: " / ";
}

.ProductOverview #AppPartUI_ShopControl_LabelInfo {
  display: inline-block;
  margin-bottom: 0.75rem;
}

.ProductOverviewStatus {
  margin: 8px 0 0 0;
}

.product-image-carousel button.slick-arrow {
  background-color: transparent !important;
  font-size: 0;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 40px;
  overflow: hidden;
  text-indent: -99999px;
}
.product-image-carousel button.slick-arrow:hover, .product-image-carousel button.slick-arrow:focus {
  background-color: transparent;
  text-indent: -1000px;
  font-size: 0;
}
.product-image-carousel button.slick-arrow:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 40px;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.product-image-carousel button.slick-arrow.slick-prev:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230069B4' viewBox='0 0 30 30'%3E%3Cpolygon class='cls-1' points='11.1 15 18.4 8.2 18.9 8.7 13.1 15 18.9 21.3 18.4 21.8 11.1 15'/%3E%3C/svg%3E");
}
.product-image-carousel button.slick-arrow.slick-next:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230069B4' viewBox='0 0 30 30'%3E%3Cpolygon points='18.9 15 11.6 21.8 11.1 21.3 16.9 15 11.1 8.7 11.6 8.2 18.9 15'/%3E%3C/svg%3E");
  background-position: 50% 0;
}

.product-image-carousel .slick-slide {
  padding-right: 16px;
  padding-left: 16px;
}

table.ProductDetailsCart {
  width: auto;
}
table.ProductDetailsCart th:first-child input,
table.ProductDetailsCart td:first-child input {
  max-width: 4rem;
}

.LongDescription {
  margin: 1rem 0;
}

table {
  border-collapse: collapse;
}

td,
th {
  vertical-align: top;
}

table {
  width: 100%;
  font-family: "Helvetica", arial, sans-serif;
}
table th {
  background: #0069B4;
  color: #fff;
  padding: 7px;
  border: 1px solid #0069B4;
  text-align: left;
  font-size: 0.825rem;
  font-weight: normal;
}
table th a {
  color: #fff;
}
table td {
  font-size: 0.825rem;
  padding: 7px;
  border: 1px solid #fff;
}
table tr.alternatingRow td {
  background-color: #e9ecef;
  border: 1px solid #e9ecef;
}

.Pager table {
  width: auto;
}

table.CartCheckoutTable {
  width: auto;
}

.Attributes {
  padding: 0.75rem 0;
}
.Attributes table {
  width: auto;
}

.ShopContent .ProductDetailsCartNrOfUnits,
.ShopContent .CartNrOfUnits {
  width: 4rem;
}

.ProductDetails .Attributes table td {
  padding-left: 0;
}

.ProductDetailsCart table th:last-child,
.ProductDetailsCart table td:last-child {
  text-align: center;
}

table td.DefaultPricePerUnit {
  width: 7.25rem;
}

.TotalAdresses table {
  width: auto;
}

.CartCheckoutTable td {
  vertical-align: middle;
}
.orderdetails div table,
.OrderList div table,
.OrderListDigitalProducts div table {
  margin-bottom: 1rem;
}

.orderdetails .RadGrid_Default,
.RadGrid_Default {
  font-family: "Helvetica", arial, sans-serif;
  font-size: inherit;
  line-height: inherit;
  border: 0 none;
  background: #fff;
}
.orderdetails .RadGrid_Default .rgMasterTable,
.RadGrid_Default .rgMasterTable {
  font-family: "Helvetica", arial, sans-serif;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid #fff;
  background: #fff;
}
.orderdetails .RadGrid_Default th.rgHeader,
.RadGrid_Default th.rgHeader {
  background-image: none;
  font-size: 0.825rem;
  font-weight: normal;
  padding: 7px;
  background-color: #0069B4;
  color: #fff;
  border: 1px solid #0069B4;
}
.orderdetails .RadGrid_Default th.rgHeader a,
.RadGrid_Default th.rgHeader a {
  color: #fff;
}
.orderdetails .RadGrid_Default .rgRow td,
.RadGrid_Default .rgRow td {
  font-size: 0.825rem;
  padding: 7px;
}

.NavigationBackNext {
  margin-top: 1rem;
}
.NavigationBackNext ul, .NavigationBackNext li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.NavigationBackNext li {
  display: inline-block;
}
.NavigationBackNext li.previous {
  margin-right: 1rem;
}
.NavigationBackNext li a {
  display: block;
}
.NavigationBackNext a.previous:before {
  content: " « ";
}
.NavigationBackNext a.next:after {
  content: " » ";
}

.Trail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Trail ul li {
  display: inline-block;
}
.Trail li:after {
  content: " > ";
  display: inline-block;
  margin: 0 0.5rem;
}
.Trail li.Total:after {
  content: "";
}
.Trail .aspNetDisabled {
  color: #495057;
}
.Trail a[disabled=disabled] {
  color: #495057;
}

.YesOrNo span {
  display: inline-block;
}
.YesOrNo span.Yes {
  margin-right: 1rem;
}
.YesOrNo span label {
  margin-left: 0.25rem;
}

.Disclaimer {
  margin: 1rem 0;
}
.Disclaimer .Text {
  padding: 0 0.5rem 0 0;
}
.Disclaimer .Text textarea {
  width: 100%;
  max-width: 100%;
  height: 270px;
  padding: 0.75rem 0.75rem;
}

.Login .Username,
.Login .Password,
.Login .EmailAddress,
.PasswordRecovery .Username,
.PasswordRecovery .Password,
.PasswordRecovery .EmailAddress {
  margin: 0.75rem 0;
}
.Login .Username label,
.Login .Password label,
.Login .EmailAddress label,
.PasswordRecovery .Username label,
.PasswordRecovery .Password label,
.PasswordRecovery .EmailAddress label {
  display: block;
  width: 100%;
  max-width: 100%;
}
.Login .Username input,
.Login .Password input,
.Login .EmailAddress input,
.PasswordRecovery .Username input,
.PasswordRecovery .Password input,
.PasswordRecovery .EmailAddress input {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .Login .Username,
  .Login .Password,
  .Login .EmailAddress,
  .PasswordRecovery .Username,
  .PasswordRecovery .Password,
  .PasswordRecovery .EmailAddress {
    margin: 0;
    padding: 0.75rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .Login .Username label,
  .Login .Password label,
  .Login .EmailAddress label,
  .PasswordRecovery .Username label,
  .PasswordRecovery .Password label,
  .PasswordRecovery .EmailAddress label {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9rem;
            flex: 0 0 9rem;
    vertical-align: top;
  }
  .Login .Username input,
  .Login .Password input,
  .Login .EmailAddress input,
  .PasswordRecovery .Username input,
  .PasswordRecovery .Password input,
  .PasswordRecovery .EmailAddress input {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20rem;
            flex: 0 1 20rem;
    max-width: calc(100% - 9.5rem);
  }
}
.Login .rememberMe,
.PasswordRecovery .rememberMe {
  margin-bottom: 0.75rem;
  padding-left: 1.125rem;
}
.Login .rememberMe .CheckBox,
.PasswordRecovery .rememberMe .CheckBox {
  display: inline-block;
  vertical-align: top;
}
.Login .rememberMe label,
.PasswordRecovery .rememberMe label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.Register button:nth-child(2) {
  margin-right: 1rem;
}

.ForgotPassword {
  display: block;
  margin-top: -0.25rem;
  margin-bottom: 0.75rem;
}

.Login-Title {
  display: none;
}

.social-login .LinkButton {
  display: block;
  margin-bottom: 0.75rem;
}
.social-login .LinkButton a {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.social-login .LinkButton a:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}

.swiss-login {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 24px rgba(0, 0, 0, 0.5);
  border: 1px solid #dee2e6;
  padding: 16px;
  max-width: 100%;
  width: 95%;
  height: auto;
}
@media (min-width: 768px) {
  .swiss-login {
    width: 600px;
  }
}
.swiss-login.show-login {
  display: block;
}
.swiss-login h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.swiss-login .Instructions {
  margin-bottom: 1rem;
}
.swiss-login .Login-User .username,
.swiss-login .Login-User .password {
  vertical-align: middle;
  margin: 0.5rem 0;
}
.swiss-login .Login-User .username label,
.swiss-login .Login-User .password label {
  display: block;
  margin-bottom: 0.5rem;
}
.swiss-login .Login-User .username input,
.swiss-login .Login-User .password input {
  display: block;
  width: 20rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .swiss-login .Login-User .username,
  .swiss-login .Login-User .password {
    padding-right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -16px;
    margin-bottom: 1rem;
  }
  .swiss-login .Login-User .username label,
  .swiss-login .Login-User .password label {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .swiss-login .Login-User .username input,
  .swiss-login .Login-User .password input {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}
.swiss-login input[type=submit] {
  margin-top: 1rem;
  margin-right: 1rem;
}

.social-login [id*=LinkButtonLoginSWISSID] a {
  background-color: #eb0000;
  position: relative;
  padding-left: 40px;
  color: #fff;
}
.social-login [id*=LinkButtonLoginSWISSID] a:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;' focusable='false'%3E%3Cpath d='M7.857,14.938l0,0.001c0,2.155 -1.773,3.929 -3.928,3.929c-2.156,0 -3.929,-1.774 -3.929,-3.929c0,-2.155 1.773,-3.928 3.929,-3.928c2.155,0 3.928,1.773 3.928,3.928m11.071,-0.001c0,0.019 0.001,0.038 0.001,0.057c0,2.155 -1.774,3.928 -3.929,3.928c-2.155,0 -3.928,-1.773 -3.928,-3.928c0,-0.019 0,-0.037 0,-0.056c0.031,-2.133 1.794,-3.872 3.928,-3.872c2.134,0 3.897,1.739 3.928,3.872m0,-11.067c0,0.019 0.001,0.038 0.001,0.057c0,2.154 -1.774,3.928 -3.929,3.928c-2.155,0 -3.928,-1.774 -3.928,-3.928c0,-0.019 0,-0.038 0,-0.057c0.031,-2.134 1.794,-3.872 3.928,-3.872c2.134,0 3.897,1.738 3.928,3.872m0,22.143c0,0.019 0.001,0.038 0.001,0.056c0,2.155 -1.774,3.929 -3.929,3.929c-2.155,0 -3.928,-1.774 -3.928,-3.929c0,-0.018 0,-0.037 0,-0.056c0.031,-2.134 1.794,-3.872 3.928,-3.872c2.134,0 3.897,1.738 3.928,3.872m11.072,-11.077l0,0.001c0,2.155 -1.773,3.929 -3.929,3.929c-2.155,0 -3.928,-1.774 -3.928,-3.929c0,-2.155 1.773,-3.928 3.928,-3.928c2.156,0 3.929,1.773 3.929,3.928' style='fill:%23fff;'%3E%3C/path%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  position: absolute;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(0, -15px);
          transform: translate(0, -15px);
  left: 2px;
  top: 50%;
  z-index: 2;
}

.ECRegisterManageAccount h1 {
  font-size: 1.3rem;
}
.ECRegisterManageAccount .UserInput > div {
  margin: 0.5rem 0;
}
.ECRegisterManageAccount .UserInput > div label {
  display: block;
}
.ECRegisterManageAccount .UserInput > div input[type=text],
.ECRegisterManageAccount .UserInput > div input[type=password],
.ECRegisterManageAccount .UserInput > div input[type=email],
.ECRegisterManageAccount .UserInput > div select {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .ECRegisterManageAccount .UserInput > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .ECRegisterManageAccount .UserInput > div label {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 18rem;
            flex: 0 1 18rem;
    padding: 0;
  }
  .ECRegisterManageAccount .UserInput > div input[type=text],
  .ECRegisterManageAccount .UserInput > div input[type=password],
  .ECRegisterManageAccount .UserInput > div input[type=email],
  .ECRegisterManageAccount .UserInput > div select {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25rem;
            flex: 0 1 25rem;
    max-width: 100%;
  }
}

.Total .TotalUserComments {
  margin: 1rem 0;
}
.Total .TotalUserComments textarea {
  width: 100%;
  max-width: 100%;
  height: 100px;
}

.TotalAdresses {
  margin: 2rem 0;
}
.TotalAdresses:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 992px) {
  .TotalAdresses table.Billing {
    width: calc(50% - 32px / 2);
    float: left;
  }
  .TotalAdresses table.Shipment {
    width: calc(50% - 32px / 2);
    float: right;
  }
}

.CheckOutWizardControl table.Shipment div {
  padding: 0;
}

.CheckOutWizardControl .ShipmentSwitch {
  margin: 2rem 0;
}
.CheckOutWizardControl .Payment span.Instructions,
.CheckOutWizardControl .Shipment span.Instructions {
  display: block;
}
.CheckOutWizardControl .Payment > div,
.CheckOutWizardControl .Shipment > div {
  margin: 0.5rem 0;
}
.CheckOutWizardControl .Payment > div label,
.CheckOutWizardControl .Shipment > div label {
  display: block;
}
.CheckOutWizardControl .Payment > div input[type=text],
.CheckOutWizardControl .Payment > div input[type=password],
.CheckOutWizardControl .Payment > div input[type=email],
.CheckOutWizardControl .Payment > div select,
.CheckOutWizardControl .Shipment > div input[type=text],
.CheckOutWizardControl .Shipment > div input[type=password],
.CheckOutWizardControl .Shipment > div input[type=email],
.CheckOutWizardControl .Shipment > div select {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .CheckOutWizardControl .Payment > div,
  .CheckOutWizardControl .Shipment > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .CheckOutWizardControl .Payment > div label,
  .CheckOutWizardControl .Shipment > div label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14rem;
            flex: 0 0 14rem;
  }
  .CheckOutWizardControl .Payment > div input[type=text],
  .CheckOutWizardControl .Payment > div input[type=password],
  .CheckOutWizardControl .Payment > div input[type=email],
  .CheckOutWizardControl .Payment > div select,
  .CheckOutWizardControl .Shipment > div input[type=text],
  .CheckOutWizardControl .Shipment > div input[type=password],
  .CheckOutWizardControl .Shipment > div input[type=email],
  .CheckOutWizardControl .Shipment > div select {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25rem;
            flex: 0 1 25rem;
    max-width: 100%;
  }
}
.CheckOutWizardControl .Payment .PaymentCostsText,
.CheckOutWizardControl .Payment .ShipmentCostsText,
.CheckOutWizardControl .Shipment .PaymentCostsText,
.CheckOutWizardControl .Shipment .ShipmentCostsText {
  margin-right: 0.5rem;
}
.CheckOutWizardControl .Payment .ContactCompanyInstructionsShipment,
.CheckOutWizardControl .Payment span.ContactCompanyInstructions,
.CheckOutWizardControl .Shipment .ContactCompanyInstructionsShipment,
.CheckOutWizardControl .Shipment span.ContactCompanyInstructions {
  display: none;
}

.CreditCardView .CreditCard {
  margin-bottom: 0.5rem;
}

.payment-failed,
.payment-completed {
  display: block;
  margin: 1rem 0;
  padding: 0.5rem;
  border: 1px solid;
}

.payment-failed {
  color: red;
  font-size: 0.75rem;
  border-color: red;
}

.payment-completed {
  color: green;
  font-size: 0.75rem;
  border-color: green;
}

.credit-card-iframe {
  margin-top: 32px;
  min-height: 450px;
}
.credit-card-iframe iframe {
  height: 450px;
}

.shop-icon {
  position: relative;
  display: inline-block;
  width: 2.4rem;
  height: 2.2rem;
  color: transparent;
  text-indent: -9999rem;
  overflow: hidden;
}
.shop-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 2.4rem;
  height: 2.2rem;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.shop-icon.search:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230069B4;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M12.1,21.2c-5,0-9.1-4.1-9.1-9.1C3,7,7,3,12.1,3c5,0,9.1,4.1,9.1,9.1C21.2,17.1,17.1,21.2,12.1,21.2z M12.1,4.1c-4.4,0-8,3.6-8,8c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8C20.1,7.6,16.5,4.1,12.1,4.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M23.3,27c-0.2,0-0.4,0-0.5-0.1c-0.1,0-0.2-0.1-0.2-0.1l-5.3-5.3c-0.1-0.1-0.2-0.3-0.2-0.5 c0-0.2,0.1-0.3,0.3-0.4l2.1-1.2l1.2-2.1c0.1-0.1,0.2-0.2,0.4-0.3c0.2,0,0.3,0,0.5,0.2l5.3,5.3c0.1,0.1,0.1,0.2,0.1,0.3 c0.4,0.7-0.3,1.9-1.3,2.8C25,26.3,24,27,23.3,27z M23.2,25.9C23.3,25.9,23.3,25.9,23.2,25.9c0.3,0,1-0.3,1.7-1c0.7-0.7,1-1.4,1-1.6 c0,0,0-0.1,0-0.1l-4.6-4.6l-0.9,1.6c0,0.1-0.1,0.2-0.2,0.2l-1.6,0.9L23.2,25.9z'/%3E%3C/g%3E%3C/svg%3E");
}
.shop-icon.login:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M15,27.4C8.2,27.4,2.6,21.8,2.6,15C2.6,8.2,8.2,2.6,15,2.6S27.4,8.2,27.4,15C27.4,21.8,21.8,27.4,15,27.4z M15,3.6C8.7,3.6,3.6,8.7,3.6,15c0,6.3,5.1,11.4,11.4,11.4S26.4,21.3,26.4,15C26.4,8.7,21.3,3.6,15,3.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M7.9,23.2c-0.2,0-0.4-0.1-0.5-0.3c-0.1-0.3,0-0.5,0.3-0.6l3.8-1.5c0,0,0,0,0,0c0.3-0.1,0.6-0.4,0.6-0.7v-0.6 c-1.7-0.7-1.9-2.5-1.9-3.6c-0.2-0.2-0.5-0.4-0.6-0.6C9.1,14.4,9,12.8,9,12.6c0-0.2,0.1-0.3,0.2-0.5l0.6-0.4v-1.3 c0-2.7,2.4-4.9,5.2-4.9s5.2,2.2,5.2,4.9v1.3l0.6,0.4c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.2,1.8-0.6,2.6c-0.1,0.2-0.4,0.4-0.6,0.6 c0,1.1-0.1,2.9-1.9,3.6v0.6c0,0.2,0.3,0.6,0.6,0.7c0,0,0,0,0,0l3.8,1.5c0.3,0.1,0.4,0.4,0.3,0.6c-0.1,0.3-0.4,0.4-0.6,0.3 l-3.8-1.5c-0.6-0.2-1.3-0.8-1.3-1.6v-0.9c0-0.2,0.1-0.4,0.4-0.5c1.3-0.4,1.5-1.4,1.5-3.1c0-0.2,0.1-0.3,0.2-0.4 c0.2-0.1,0.5-0.4,0.5-0.4c0.2-0.4,0.4-1.3,0.5-1.9l-0.5-0.4c-0.1-0.1-0.2-0.2-0.2-0.4v-1.6c0-2.1-1.9-3.9-4.2-3.9 s-4.2,1.7-4.2,3.9V12c0,0.2-0.1,0.3-0.2,0.4L10,12.8c0.1,0.6,0.2,1.5,0.5,1.9c0.1,0.1,0.3,0.3,0.5,0.4c0.1,0.1,0.2,0.2,0.2,0.4 c0,1.7,0.2,2.7,1.5,3.1c0.2,0.1,0.4,0.3,0.4,0.5v0.9c0,0.8-0.6,1.4-1.3,1.6l-3.8,1.5C8,23.2,7.9,23.2,7.9,23.2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.shop-icon.checkout:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230069B4;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M14.8,20.5c0.4,0.4,1,0.6,1.6,0.6c0.2,0,0.5,0,0.7-0.1c0.9-0.2,1.8-0.7,2.5-1.5c1.6-1.6,2-3.8,0.9-4.9l0,0 c2.2-3.3-1-6.5-2.1-7.6c0,0,0,0-0.1-0.1c-3.1-2.1-6.6-2.9-9.9-3.7C7.3,3.1,6.2,2.8,5,2.5C4.8,2.5,4.6,2.6,4.5,2.8 C4.4,3.1,4.6,3.3,4.8,3.4C6,3.7,7.1,4,8.3,4.2C11.6,5,15,5.7,17.9,7.7c2.5,2.5,3.1,4.5,2.1,6.3l-0.3-0.3c0,0,0,0,0,0 c-0.3-0.3-0.6-0.5-1-0.5c0.2-0.6,0.1-1.1-0.1-1.6c-0.6-1.2-2.2-1.9-3.5-2.2c0,0-0.1,0-0.1,0c-0.8,0-2.9,0-2.9,2.1 c0,1.5,1.8,2.4,3.2,2.5c0.4,0.2,0.7,0.4,0.9,0.8c0.1,0.4,0.2,0.8,0,1.3c-0.1,0.1-0.3,0.2-0.4,0.2c-4.2-1.2-8.5-2.7-10-7.3 c0-0.1-0.1-0.1-0.1-0.2c-0.5-0.5-1.4-1-2.4-0.8C3,7.9,2.8,8.1,2.9,8.4c0,0.2,0.3,0.4,0.5,0.4C4,8.7,4.6,9,4.9,9.2 c1.4,4.2,5,6,8.7,7.2c-0.5,1.2-0.5,2.4,0.3,3.2c0,0,0,0,0,0L14.8,20.5z M19,18.9c-0.6,0.6-1.4,1.1-2.1,1.2c-0.4,0.1-0.8,0.1-1,0 c0.9-0.1,2-0.6,2.8-1.5c0.8-0.8,1.3-1.7,1.5-2.5c0-0.1,0-0.2,0-0.3C20.5,16.6,20,17.9,19,18.9z M15.5,13c0,0-0.1,0-0.1,0 c-1.1,0-2.4-0.7-2.4-1.6c0-1,0.7-1.1,1.9-1.2c1,0.3,2.4,0.9,2.8,1.8c0.2,0.4,0.2,0.8,0,1.2c0,0,0,0,0,0c-0.4,0-0.8,0.2-1.3,0.4 C16.2,13.3,15.9,13.1,15.5,13z M15.6,17c0,0,0.1,0,0.1,0c0.6,0,1-0.4,1.1-0.5c0,0,0.1-0.1,0.1-0.2c0.2-0.7,0.2-1.4,0-2c0,0,0,0,0,0 c0.8-0.3,1.6-0.3,2.1,0.1c0.3,0.3,0.4,0.9,0.3,1.5c-0.2,0.7-0.6,1.5-1.2,2.1c-1.2,1.2-2.9,1.7-3.6,0.9c-0.5-0.5-0.4-1.3,0-2.2 C14.9,16.8,15.3,16.9,15.6,17z'/%3E%3Cpath class='st0' d='M26.4,19.9c-1.1-1.8-2.9-2.6-4.1-1.9l-1,0.6c-1.2,0.7-1.3,2.7-0.2,4.5c0.8,1.3,2,2.1,3.1,2.1 c0.4,0,0.7-0.1,1-0.3l1-0.6C27.4,23.7,27.5,21.7,26.4,19.9z M25.6,20.4c0.8,1.3,0.8,2.8,0.1,3.2c-0.5,0.3-1,0.1-1.3-0.1 c-0.6-0.3-1.1-0.8-1.5-1.5c-0.4-0.7-0.6-1.4-0.6-2c0-0.3,0.1-0.9,0.5-1.2c0.2-0.1,0.3-0.1,0.5-0.1C24,18.7,25,19.4,25.6,20.4z M21.8,22.7c-0.6-0.9-0.7-2-0.5-2.7c0,0.8,0.2,1.7,0.7,2.5c0.5,0.8,1.2,1.5,1.9,1.8C23.3,24.3,22.4,23.6,21.8,22.7z'/%3E%3Cpath class='st0' d='M20.5,22.8c-0.4-1.2-2.2-1.7-4-1.1c-0.8,0.3-1.5,0.8-2,1.4c-0.5,0.7-0.7,1.4-0.4,2l0.4,1 c0.2,0.6,0.8,1.1,1.6,1.3c0.3,0.1,0.5,0.1,0.8,0.1c0.5,0,1.1-0.1,1.6-0.3c0.8-0.3,1.5-0.8,2-1.4c0.5-0.7,0.7-1.4,0.4-2L20.5,22.8z M15.2,23.7c0.4-0.5,0.9-0.8,1.6-1.1c0.5-0.2,0.9-0.2,1.3-0.2c0.8,0,1.4,0.3,1.6,0.7c0.2,0.4-0.1,0.9-0.3,1.1 c-0.4,0.5-0.9,0.8-1.6,1.1c-1.3,0.5-2.6,0.2-2.9-0.5C14.7,24.4,15,23.9,15.2,23.7z M18.1,26.3c-0.7,0.2-1.4,0.3-1.9,0.2 c-0.1,0-0.2-0.1-0.3-0.1c0.2,0,0.4,0,0.5,0c0.5,0,1.1-0.1,1.6-0.3c0.7-0.3,1.4-0.7,1.8-1.2c-0.1,0.1-0.1,0.2-0.2,0.3 C19.4,25.7,18.8,26.1,18.1,26.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shop-icon.cart:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230069B4;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M22,23.5c-0.1-0.1-0.2-0.1-0.4-0.1h-9.4L12,22.5h10.7c0.2,0,0.4-0.1,0.5-0.3l2.8-7.4c0-0.2,0-0.4-0.1-0.5 c-0.1-0.1-0.2-0.2-0.4-0.2H9.9l-1.2-5C8.6,8.9,8.4,8.7,8.2,8.7H4.5C4.2,8.7,4,8.9,4,9.2s0.2,0.5,0.5,0.5h3.3l3.4,13.9 c-0.8,0.3-1.4,1-1.4,1.9c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2c0-0.4-0.1-0.8-0.3-1.1h6.5c-0.2,0.3-0.3,0.7-0.3,1.1c0,1.1,0.9,2,2,2 c1.2,0,2.1-0.9,2-2C23.6,24.5,22.9,23.7,22,23.5z M24.8,15.1l-2.4,6.4H11.7l-1.6-6.4H24.8z M12.8,25.4c0,0.5-0.4,1-1,1 c-0.5,0-1-0.4-1-1c0-0.5,0.4-1,1-1C12.3,24.4,12.8,24.9,12.8,25.4z M21.6,26.4c-0.5,0-1-0.4-1-1c0-0.5,0.4-1,1-1c0.6,0,1.1,0.5,1,1 C22.6,25.9,22.2,26.4,21.6,26.4z'/%3E%3Cpath class='st0' d='M21.2,8.5L20.7,8l-2.9,2.7V3c0-0.3-0.2-0.5-0.5-0.5S16.8,2.8,16.8,3v7.7l-3-2.7l-0.5,0.5l4,4.2L21.2,8.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shop-icon.refresh:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230069B4;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M17.5,4.9l1.9-1.2l-0.5-0.8l-3.4,2.1l2.4,3.3l0.7-0.5l-1.4-1.9c4.2,1,7.2,4.8,7.2,9.2c0,4.9-3.7,8.9-8.5,9.4 c-0.1,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.1,0.2-0.1,0.4c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0c5.4-0.5,9.5-5,9.5-10.4 C25.4,10.2,22.1,6,17.5,4.9z'/%3E%3Cpath class='st0' d='M13.9,5.7c0.3,0,0.5-0.3,0.5-0.6c0-0.1-0.1-0.3-0.2-0.3c-0.1-0.1-0.2-0.1-0.4-0.1C8.5,5.3,4.6,9.7,4.6,15.1 c0,4.8,3.2,8.9,7.7,10.1l-1.9,1.1l0.5,0.8l3.5-2.1L12,21.7l-0.8,0.5l1.4,1.9c-4.1-1.1-7-4.8-7-9.1C5.6,10.3,9.2,6.2,13.9,5.7z'/%3E%3C/g%3E%3C/svg%3E");
}
.shop-icon.forward:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%230069B4;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epfeil-right-blau%3C/title%3E%3Cpolygon class='cls-1' points='18.9 15 11.6 21.8 11.1 21.3 16.9 15 11.1 8.7 11.6 8.2 18.9 15'/%3E%3C/svg%3E");
}
.logout .shop-icon:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M48 64h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h132c6.6 0 12 5.4 12 12v8c0 6.6-5.4 12-12 12H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48zm279 19.5l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l132 131.4H172c-6.6 0-12 5.4-12 12v10c0 6.6 5.4 12 12 12h279.9L320 404.4c-4.7 4.7-4.7 12.3 0 17l7.1 7.1c4.7 4.7 12.3 4.7 17 0l164.5-164c4.7-4.7 4.7-12.3 0-17L344 83.5c-4.7-4.7-12.3-4.7-17 0z'/%3E%3C/svg%3E");
}
.shop-icon.remove:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230069B4;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cpath class='st0' d='M22,23.5c-0.1-0.1-0.2-0.1-0.4-0.1h-9.4L12,22.5h10.7c0.2,0,0.4-0.1,0.5-0.3l2.8-7.4c0-0.2,0-0.4-0.1-0.5 c-0.1-0.1-0.2-0.2-0.4-0.2H9.9l-1.2-5C8.6,8.9,8.4,8.7,8.2,8.7H4.5C4.2,8.7,4,8.9,4,9.2s0.2,0.5,0.5,0.5h3.3l3.4,13.9 c-0.8,0.3-1.4,1-1.4,1.9c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2c0-0.4-0.1-0.8-0.3-1.1h6.5c-0.2,0.3-0.3,0.7-0.3,1.1c0,1.1,0.9,2,2,2 c1.2,0,2.1-0.9,2-2C23.6,24.5,22.9,23.7,22,23.5z M24.8,15.1l-2.4,6.4H11.7l-1.6-6.4H24.8z M12.8,25.4c0,0.5-0.4,1-1,1 c-0.5,0-1-0.4-1-1c0-0.5,0.4-1,1-1C12.3,24.4,12.8,24.9,12.8,25.4z M21.6,26.4c-0.5,0-1-0.4-1-1c0-0.5,0.4-1,1-1c0.6,0,1.1,0.5,1,1 C22.6,25.9,22.2,26.4,21.6,26.4z'/%3E%3Cpath class='st0' d='M16.8,4.5v7.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.3,0.5-0.5V4.5l3,2.7l0.5-0.5l-4-4.2l-4,4.2l0.5,0.5L16.8,4.5z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.shop-icon.shopping-cart:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 576 512'%3E%3Cpath stroke-antialiasing='true' d='M551.991 64H129.28l-8.329-44.423C118.822 8.226 108.911 0 97.362 0H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h78.72l69.927 372.946C150.305 416.314 144 431.42 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-17.993-7.435-34.24-19.388-45.868C506.022 391.891 496.76 384 485.328 384H189.28l-12-64h331.381c11.368 0 21.177-7.976 23.496-19.105l43.331-208C578.592 77.991 567.215 64 551.991 64zM240 448c0 17.645-14.355 32-32 32s-32-14.355-32-32 14.355-32 32-32 32 14.355 32 32zm224 32c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32-14.355 32-32 32zm38.156-192H171.28l-36-192h406.876l-40 192z'/%3E%3C/svg%3E");
}
.shop-icon.menu:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 448 512'%3E%3Cpath d='M442 114H6a6 6 0 0 1-6-6V84a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6zm0 160H6a6 6 0 0 1-6-6v-24a6 6 0 0 1 6-6h436a6 6 0 0 1 6 6v24a6 6 0 0 1-6 6z'/%3E%3C/svg%3E");
}
.shop-icon.menu.close:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 384 512'%3E%3Cpath d='M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z'/%3E%3C/svg%3E");
}

span.shop-icon {
  display: inline-block;
}

a[href*="pdfid="]:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230069B4' viewBox='0 0 384 512'%3E%3Cpath d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48zm250.2-143.7c-12.2-12-47-8.7-64.4-6.5-17.2-10.5-28.7-25-36.8-46.3 3.9-16.1 10.1-40.6 5.4-56-4.2-26.2-37.8-23.6-42.6-5.9-4.4 16.1-.4 38.5 7 67.1-10 23.9-24.9 56-35.4 74.4-20 10.3-47 26.2-51 46.2-3.3 15.8 26 55.2 76.1-31.2 22.4-7.4 46.8-16.5 68.4-20.1 18.9 10.2 41 17 55.8 17 25.5 0 28-28.2 17.5-38.7zm-198.1 77.8c5.1-13.7 24.5-29.5 30.4-35-19 30.3-30.4 35.7-30.4 35zm81.6-190.6c7.4 0 6.7 32.1 1.8 40.8-4.4-13.9-4.3-40.8-1.8-40.8zm-24.4 136.6c9.7-16.9 18-37 24.7-54.7 8.3 15.1 18.9 27.2 30.1 35.5-20.8 4.3-38.9 13.1-54.8 19.2zm131.6-5s-5 6-37.3-7.8c35.1-2.6 40.9 5.4 37.3 7.8z'/%3E%3C/svg%3E");
  content: "";
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  vertical-align: top;
}

.product-listing {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}

.product-listing.rows .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -16px;
  margin-bottom: 16px;
}
.product-listing.rows .product .image {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.product-listing.rows .product .details {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.product-listing.rows .product .details .title {
  display: block;
}

.product-listing.tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -16px;
}
.product-listing.tiles .product {
  margin-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1600px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
.product-listing.tiles .product a {
  display: block;
}
.product-listing.tiles .product .image {
  margin-bottom: 0.5rem;
}
.product-listing.tiles .product .image img {
  width: 100%;
  max-width: 100%;
}
.product-listing.tiles .product .title {
  font-size: 1.25rem;
  margin-bottom: 0.55rem;
  display: block;
}

ul.CartCheckoutFunction {
  list-style: none;
  margin: 16px 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
ul.CartCheckoutFunction li {
  list-style: none;
  vertical-align: top;
  margin-left: 0.25rem;
}
ul.CartCheckoutFunction li a.ImageButton,
ul.CartCheckoutFunction li a.LinkButton {
  line-height: 2.2rem;
  float: left;
}
ul.CartCheckoutFunction li a.ImageButton .shop-icon:before,
ul.CartCheckoutFunction li a.LinkButton .shop-icon:before {
  background-position: 50%;
}
ul.CartCheckoutFunction li.refresh, ul.CartCheckoutFunction li.continue-shopping, ul.CartCheckoutFunction li.checkout {
  border: 1px solid #0069B4;
  padding: 2px 8px;
  height: calc(2.2rem + 4px);
  line-height: calc(2.2rem + 4px);
}
ul.CartCheckoutFunction li.refresh a.LinkButton, ul.CartCheckoutFunction li.continue-shopping a.LinkButton {
  display: none;
}
@media (min-width: 768px) {
  ul.CartCheckoutFunction li.refresh a.LinkButton, ul.CartCheckoutFunction li.continue-shopping a.LinkButton {
    display: block;
  }
}

.RequiredFieldValidator,
.RequiredFieldValidator.Validator.ValidatorRequiredFieldValidatorRequiredFieldValidator,
.Validator,
.RegularExpressionValidator,
.Validator.RegularExpressionValidator .error,
.error {
  color: red;
  font-size: 0.75rem;
}
.RequiredFieldValidator p,
.RequiredFieldValidator.Validator.ValidatorRequiredFieldValidatorRequiredFieldValidator p,
.Validator p,
.RegularExpressionValidator p,
.Validator.RegularExpressionValidator .error p,
.error p {
  margin: 0;
}

.input-item label.error {
  padding-left: 5px;
}

.CreditCard .form-group .Validator.RegularExpressionValidator {
  margin-left: 0.25rem;
}

.SystemMessages {
  color: red;
}

div.SystemMessages {
  padding: 0.5rem;
  border: 1px dotted red;
  margin: 0.5rem 0;
}
div.SystemMessages ul {
  margin: 0.5rem 0;
  padding: 0 0 0 1.5rem;
}

.CreditCardCheckNo .RequiredFieldValidator {
  margin-left: 0.25rem;
}

div.ValidationSummary .ValidationSummary {
  color: red;
  border: 1px dotted red;
  padding: 0.5rem;
  margin: 0.5rem 0;
}
div.ValidationSummary ul {
  margin: 0.5rem 0;
  padding: 0 0 0 1.5rem;
}

.pwd-check-strength {
  display: none;
  font-size: 0.825rem;
  margin: 5px 0;
}
.pwd-check-strength span {
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.pwd-check-strength:before {
  content: "";
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20496%20512%22%3E%3Cpath%20style%3D%22fill%3Ared%22%20d%3D%22M248%208C111%208%200%20119%200%20256s111%20248%20248%20248%20248-111%20248-248S385%208%20248%208zM136%20208c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032-14.3%2032-32%2032-32-14.3-32-32zm187.3%20183.3c-31.2-9.6-59.4-15.3-75.3-15.3s-44.1%205.7-75.3%2015.3c-11.5%203.5-22.5-6.3-20.5-18.1%207-40%2060.1-61.2%2095.8-61.2s88.8%2021.3%2095.8%2061.2c2%2011.9-9.1%2021.6-20.5%2018.1zM328%20240c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032z%22%2F%3E%3C%2Fsvg%3E");
  height: 25px;
  width: 25px;
  vertical-align: middle;
  margin-right: 5px;
}
.pwd-check-strength.pwd-check-score-0 {
  color: red;
}
.pwd-check-strength.pwd-check-score-1 {
  color: red;
}
.pwd-check-strength.pwd-check-score-1:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20496%20512%22%3E%3Cpath%20style%3D%22fill%3Ared%22%20d%3D%22M248%208C111%208%200%20119%200%20256s111%20248%20248%20248%20248-111%20248-248S385%208%20248%208zm0%20448c-110.3%200-200-89.7-200-200S137.7%2056%20248%2056s200%2089.7%20200%20200-89.7%20200-200%20200zm-80-216c17.7%200%2032-14.3%2032-32s-14.3-32-32-32-32%2014.3-32%2032%2014.3%2032%2032%2032zm160-64c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zm-80%20128c-40.2%200-78%2017.7-103.8%2048.6-8.5%2010.2-7.1%2025.3%203.1%2033.8%2010.2%208.4%2025.3%207.1%2033.8-3.1%2016.6-19.9%2041-31.4%2066.9-31.4s50.3%2011.4%2066.9%2031.4c8.1%209.7%2023.1%2011.9%2033.8%203.1%2010.2-8.5%2011.5-23.6%203.1-33.8C326%20321.7%20288.2%20304%20248%20304z%22%2F%3E%3C%2Fsvg%3E");
}
.pwd-check-strength.pwd-check-score-2 {
  color: red;
}
.pwd-check-strength.pwd-check-score-2:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20496%20512%22%3E%3Cpath%20style%3D%22fill%3Ared%22%20d%3D%22M248%208C111%208%200%20119%200%20256s111%20248%20248%20248%20248-111%20248-248S385%208%20248%208zm0%20448c-110.3%200-200-89.7-200-200S137.7%2056%20248%2056s200%2089.7%20200%20200-89.7%20200-200%20200zm-80-216c17.7%200%2032-14.3%2032-32s-14.3-32-32-32-32%2014.3-32%2032%2014.3%2032%2032%2032zm160-64c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zm8%20144H160c-13.2%200-24%2010.8-24%2024s10.8%2024%2024%2024h176c13.2%200%2024-10.8%2024-24s-10.8-24-24-24z%22%2F%3E%3C%2Fsvg%3E");
}
.pwd-check-strength.pwd-check-score-3 {
  color: #cf9805;
}
.pwd-check-strength.pwd-check-score-3:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20496%20512%22%3E%3Cpath%20style%3D%22fill%3A%23cf9805%22%20d%3D%22M248%208C111%208%200%20119%200%20256s111%20248%20248%20248%20248-111%20248-248S385%208%20248%208zm0%20448c-110.3%200-200-89.7-200-200S137.7%2056%20248%2056s200%2089.7%20200%20200-89.7%20200-200%20200zm-80-216c17.7%200%2032-14.3%2032-32s-14.3-32-32-32-32%2014.3-32%2032%2014.3%2032%2032%2032zm160-64c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zm8%20144H160c-13.2%200-24%2010.8-24%2024s10.8%2024%2024%2024h176c13.2%200%2024-10.8%2024-24s-10.8-24-24-24z%22%2F%3E%3C%2Fsvg%3E");
}
.pwd-check-strength.pwd-check-score-4 {
  color: green;
}
.pwd-check-strength.pwd-check-score-4:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20496%20512%22%3E%3Cpath%20style%3D%22fill%3Agreen%22%20d%3D%22M248%208C111%208%200%20119%200%20256s111%20248%20248%20248%20248-111%20248-248S385%208%20248%208zm0%20448c-110.3%200-200-89.7-200-200S137.7%2056%20248%2056s200%2089.7%20200%20200-89.7%20200-200%20200zm-80-216c17.7%200%2032-14.3%2032-32s-14.3-32-32-32-32%2014.3-32%2032%2014.3%2032%2032%2032zm160%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32-32%2014.3-32%2032%2014.3%2032%2032%2032zm4%2072.6c-20.8%2025-51.5%2039.4-84%2039.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2%208.5-11.5%2023.6-3.1%2033.8%2030%2036%2074.1%2056.6%20120.9%2056.6s90.9-20.6%20120.9-56.6c8.5-10.2%207.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8%203.1z%22%2F%3E%3C%2Fsvg%3E");
}

.ProductShortDesc * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ProductShortDesc ul.additional-properties {
  margin: 0;
  padding: 0;
  font-size: 0.825rem;
  list-style: none;
}
.ProductShortDesc ul.additional-properties li {
  margin: 0.125rem 0;
}
@media (min-width: 992px) {
  .ProductShortDesc ul.additional-properties {
    display: table;
  }
  .ProductShortDesc ul.additional-properties li {
    display: table-row;
  }
  .ProductShortDesc ul.additional-properties li span {
    display: table-cell;
    padding: 3px;
  }
  .ProductShortDesc ul.additional-properties li span.name {
    padding-left: 0;
  }
  .ProductShortDesc ul.additional-properties li span.value {
    padding-right: 0;
  }
  .ProductShortDesc ul.additional-properties li span.separator {
    display: none;
  }
}
.ProductShortDesc dl.additional-properties dt,
.ProductShortDesc dl.additional-properties dd {
  margin: 0;
  padding: 0;
  font-size: 0.825rem;
}
.ProductShortDesc dl.additional-properties dt {
  font-weight: bold;
}
@media (min-width: 768px) {
  .ProductShortDesc dl.additional-properties:after {
    content: "";
    display: table;
    clear: both;
  }
  .ProductShortDesc dl.additional-properties dt {
    width: 50%;
    margin-right: -50%;
    float: left;
    clear: left;
    font-weight: normal;
  }
  .ProductShortDesc dl.additional-properties dd {
    float: left;
    width: 50%;
    margin-left: 50%;
  }
  .ProductShortDesc dl.additional-properties dt,
  .ProductShortDesc dl.additional-properties dd {
    overflow-wrap: break-word;
  }
  .ProductShortDesc dl.additional-properties dt {
    padding: 0.125rem 0.125rem 0.125rem 0;
  }
  .ProductShortDesc dl.additional-properties dd {
    padding: 0.125rem 0 0.125rem 0.125rem;
  }
}

/** order-details

*/
.sr-only,
.visually-hidden,
.screenreader-only,
table caption {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.modern-table {
  display: grid;
  grid-gap: 32px;
}
@media (min-width: 768px) {
  .modern-table {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .modern-table {
    grid-template-columns: repeat(2, 1fr);
  }
}
.modern-table .item {
  border: 1px solid #dee2e6;
  padding: 16px;
}
.modern-table .item .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 5px 0;
  margin-inline: 0 !important;
  gap: 0.5rem;
}
.modern-table .item .row .label {
  font-size: 1rem;
  margin-right: 10px;
  min-width: 124px;
}
.modern-table .item .row .value {
  text-align: right;
}

[id$=gridOrderList].RadGrid_Default,
[id$=OrderListDigitalProducts].RadGrid_Default {
  border-color: transparent;
}

.modern-layout {
  margin-bottom: 32px;
}
.modern-layout .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-flow: row nowrap !important;
          flex-flow: row nowrap !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0;
  margin-inline: 0 !important;
  gap: 0.5rem;
}
.modern-layout .row span:last-child {
  text-align: right;
}

/*
 user infos
*/
div.Grid div.Grid {
  display: table;
  position: relative;
  padding: 10px 10px 10px 15px;
  max-width: 600px;
}
div.Grid div.Grid:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #dee2e6;
}
div.Grid div.Grid > div {
  display: table-row;
}
div.Grid div.Grid > div > div {
  display: table-cell;
  padding: 5px 5px 5px 0;
}

/*
  tables
*/
.PenaltyProtocol .RadGrid_Default .rgCommandRow {
  background-image: none;
  background-color: transparent;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow .rgCommandCell {
  border: 0 none transparent;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow .rgCommandTable {
  border-top: 0 none;
  border-bottom: 0 none;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow .rgCommandTable td {
  padding-left: 0;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow .rgCommandTable a[id*=InitInsertButton] {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow .rgCommandTable a[id*=InitInsertButton]:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow .rgCommandTable input[id*=AddNewRecordButton] {
  display: none;
}
.PenaltyProtocol .RadGrid_Default .rgCommandRow th.rgHeader {
  border: 0 none;
}

.order-amount-summary div.modern-layout {
  padding: 16px;
  border: 1px solid #dee2e6;
}
@media (min-width: 992px) {
  .order-amount-summary div.modern-layout {
    max-width: calc(50% - 16px);
  }
}

.order-status-details div.modern-layout {
  padding: 16px;
  border: 1px solid #dee2e6;
}
@media (min-width: 992px) {
  .order-status-details div.modern-layout {
    max-width: calc(50% - 16px);
  }
}

.order-address-info > div > div {
  padding: 16px;
  border: 1px solid #dee2e6;
}
.order-address-info > div {
  display: grid;
  gap: 32px;
}
@media (min-width: 992px) {
  .order-address-info > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
.order-address-info .modern-layout .row span,
.order-address-info .modern-layout .row > a {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.order-address-info .modern-layout .row a:last-child,
.order-address-info .modern-layout .row span:last-child {
  text-align: left;
}

.order-user-details div.Grid {
  max-width: 600px;
  padding: 16px;
  border: 1px solid #dee2e6;
}
@media (min-width: 992px) {
  .order-user-details div.Grid {
    max-width: calc(50% - 16px);
  }
}
.order-user-details div.Grid > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-right: -4px;
  margin-left: -4px;
  padding: 5px 0;
}
.order-user-details div.Grid > div > div {
  padding-right: 8px;
  padding-left: 8px;
}
.order-user-details div.Grid > div > div:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.order-user-details div.Grid > div > div:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

@media (min-width: 992px) {
  .PenaltyProtocol .modern-table,
  .LicenseProductUsageLog .modern-table {
    grid-template-columns: repeat(3, 1fr);
  }
}
.PenaltyProtocol .confirm-all,
.LicenseProductUsageLog .confirm-all {
  margin-top: 32px;
}

/* fix remaining rad table tools */
.LicenseProductUsageLog .label a,
.PenaltyProtocol .label a {
  pointer-events: none;
  color: #000;
}
.LicenseProductUsageLog .label input,
.PenaltyProtocol .label input {
  display: none !important;
}

/* only sihlsee */
.LicenseProductUsageLog .column1 .label,
.LicenseProductUsageLog .column .label,
.PenaltyProtocol .column1 .label,
.PenaltyProtocol .column .label {
  text-indent: -10000px;
  overflow: hidden;
}

.row.comment .value {
  max-height: 200px;
  overflow-y: auto;
}

.PenaltyProtocol .RadGrid_Default {
  overflow-x: auto;
}
.PenaltyProtocol .RadGrid_Default th.rgHeader:first-child {
  white-space: nowrap;
}
.PenaltyProtocol .RadGrid_Default tr.alternatingRow td {
  background: inherit;
}
.PenaltyProtocol .RadGrid_Default .rgRow .rgSorted {
  background: #fff;
}
.PenaltyProtocol .RadGrid_Default .rgAltRow .rgSorted {
  background: transparent;
}
.PenaltyProtocol .RadGrid_Default .rgEditForm a {
  color: #fff;
}
.PenaltyProtocol input[id*=_TB_Comment] {
  width: 100%;
}
.PenaltyProtocol a[id*=_PerformInsertButton],
.PenaltyProtocol a[id*=_CancelButton] {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff !important;
}
.PenaltyProtocol a[id*=_PerformInsertButton]:hover,
.PenaltyProtocol a[id*=_CancelButton]:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}

.LicenseProductUsageLog .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.LicenseProductUsageLog .row.status {
  display: none;
}
.LicenseProductUsageLog .row {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.LicenseProductUsageLog .row.column, .LicenseProductUsageLog .row.column1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
.LicenseProductUsageLog .row.column .label, .LicenseProductUsageLog .row.column1 .label {
  display: none;
}
.LicenseProductUsageLog .row.column1 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

/*
gemeldete Verwendungen
status display: none

column
column1 label

pointer events auf sortierungen

*/
.shop-body {
  --properties-border: 0 none transparent;
}

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

.app-user-note {
  display: block;
  padding: 0.5rem;
  border: 1px solid black;
}

.TotalUserComments {
  display: none;
}

.ShoppingCartPriceDetailsTable {
  display: none !important;
}

.beta .shop-app {
  outline: 10px dashed yellow;
}
.beta .WebPart {
  position: relative;
}
.beta .WebPart:before {
  content: "Testumgebung";
  color: red;
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@-webkit-keyframes switch-close {
  0% {
    opacity: 0.5;
    -webkit-transform: rotate(0) scale(0.05);
            transform: rotate(0) scale(0.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
}

@keyframes switch-close {
  0% {
    opacity: 0.5;
    -webkit-transform: rotate(0) scale(0.05);
            transform: rotate(0) scale(0.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  50% {
    opacity: 0.75;
    -webkit-transform: scale(1.125);
            transform: scale(1.125);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadein {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  50% {
    opacity: 0.75;
    -webkit-transform: scale(1.125);
            transform: scale(1.125);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.WebPart .ShopWebPart .Categories {
  position: relative;
  text-align: left;
}
@media (min-width: 992px) {
  .WebPart .ShopWebPart .Categories .categories-toggle {
    display: none;
  }
}
.WebPart .ShopWebPart .Categories .categories-toggle .button-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.WebPart .ShopWebPart .Categories .categories-toggle .shop-icon.menu.close:before {
  -webkit-animation-name: switch-close;
          animation-name: switch-close;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.WebPart .ShopWebPart .Categories .categories-toggle .shop-icon.menu:not(.close):before {
  -webkit-animation-name: fadein;
          animation-name: fadein;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.WebPart .ShopWebPart .Categories .ShopTreeNavigation {
  position: absolute;
  text-align: left;
  height: 0;
  overflow: hidden;
  -webkit-transition: opacity 800ms ease;
  transition: opacity 800ms ease;
  opacity: 0;
  top: 40px;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid transparent;
  padding: 1rem;
}
.WebPart .ShopWebPart .Categories .ShopTreeNavigation.show {
  height: auto;
  opacity: 1;
  border-color: #0069B4;
  z-index: 20000;
}

@media (min-width: 992px) {
  .WebPart .ShopWebPart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin: 0 -16px;
  }
  .WebPart .ShopWebPart .Categories {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .WebPart .ShopWebPart .Categories .ShopTreeNavigation {
    display: block;
    height: auto;
    opacity: 1;
    border: 0 none;
    padding: 0;
    background-color: transparent;
    position: static;
    margin-top: 122px;
  }
  .WebPart .ShopWebPart .ShopContent {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}
.WebPart .ShopWebPart .ShopTreeNavigation li {
  margin: 0;
}
.WebPart .ShopWebPart .ShopTreeNavigation li a {
  margin: 0 0 0.5rem 0;
  padding: 1px 0;
}
.WebPart .ShopWebPart .ShopTreeNavigation li a:hover {
  text-decoration: none;
}
.WebPart .ShopWebPart .ShopTreeNavigation > li > a {
  text-transform: uppercase;
}
.WebPart .ShopWebPart .ShopTreeNavigation > li ul {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 200ms ease;
  transition: height 200ms ease;
}
.WebPart .ShopWebPart .ShopTreeNavigation li.selected > a {
  font-weight: bold;
}
.WebPart .ShopWebPart .ShopTreeNavigation li.selected > ul {
  height: auto;
}
.WebPart .ShopWebPart .ShopTreeNavigation ul a {
  border-left: 4px solid transparent;
  padding: 1px 0 1px 8px;
  margin: 0 0 0.5em 12px;
}
.WebPart .ShopWebPart .ShopTreeNavigation ul li:hover > a,
.WebPart .ShopWebPart .ShopTreeNavigation ul .selected > a {
  border-left-color: #0069B4;
  text-decoration: none;
}

.WebPart .ShopWebPart .ShopTreeNavigation > li > a {
  font-size: 1rem;
}

.ShopWebPart .ShopContent .Header {
  margin-bottom: 32px;
}

.WebPart .ShopWebPart table th a:hover {
  text-decoration: underline;
  color: #fff;
}
.WebPart .ShopWebPart [type=radio] + label {
  min-width: 140px;
}
.WebPart .ShopWebPart td .shop-icon.checkout:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230069B4;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M13.6,19.9c0-0.3-0.3-0.5-0.6-0.5c-0.5,0-0.7,0.4-0.7,0.9c0,0.4,0.2,0.9,0.7,0.9c0.4,0,0.6-0.2,0.6-0.6h0.6 c-0.1,0.7-0.5,1.1-1.2,1.1c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.5-1.4,1.3-1.4c0.6,0,1.1,0.3,1.1,1H13.6z'/%3E%3Cpath class='st0' d='M14.6,19h0.6v1h1.1v-1h0.6v2.7h-0.6v-1.1h-1.1v1.1h-0.6V19z'/%3E%3Cpath class='st0' d='M17.3,19h1.9v0.5h-1.3v0.6H19v0.5h-1.1v1.1h-0.6V19z'/%3E%3C/g%3E%3Cg id='ticket_1_'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M18.1,14.7h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,14.5,18.4,14.7,18.1,14.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M18.1,11.6h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,11.4,18.4,11.6,18.1,11.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M18.1,8.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,8.3,18.4,8.5,18.1,8.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,14.7h-7c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5 C13.9,14.5,13.7,14.7,13.4,14.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,11.6h-7c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5 C13.9,11.4,13.7,11.6,13.4,11.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,8.5h-7C6.2,8.5,6,8.3,6,8c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5C13.9,8.3,13.7,8.5,13.4,8.5 z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M16.9,27.5c-0.1,0-0.2,0-0.3-0.1L14.6,26l-2.1,1.4c-0.2,0.1-0.3,0.1-0.5,0L10,26l-2.1,1.4 c-0.2,0.1-0.3,0.1-0.5,0L5.3,26l-2.1,1.4c-0.1,0.1-0.3,0.1-0.5,0c-0.1-0.1-0.2-0.2-0.2-0.4V5.7c0-1.7,1.4-3.2,3.2-3.2h18.2 c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3,0c1.7,0,3.2,1.4,3.2,3.2c0,0.2-0.2,0.5-0.5,0.5h-5V27c0,0.2-0.1,0.3-0.2,0.4 c-0.1,0.1-0.3,0.1-0.5,0L19.3,26l-2.1,1.4C17.1,27.5,17,27.5,16.9,27.5z M14.6,25c0.1,0,0.2,0,0.3,0.1l2.1,1.4l2.1-1.4 c0.2-0.1,0.3-0.1,0.5,0l1.6,1.1V5.7c0-0.9,0.4-1.7,1-2.3H5.7c-1.2,0-2.3,1-2.3,2.3v20.5L5,25.1c0.2-0.1,0.3-0.1,0.5,0l2.1,1.4 l2.1-1.4c0.2-0.1,0.3-0.1,0.5,0l2.1,1.4l2.1-1.4C14.4,25.1,14.5,25,14.6,25z M22.1,5.2h4.4c-0.2-1-1.1-1.8-2.2-1.8 S22.3,4.2,22.1,5.2z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M10,20.9H6.5c-0.2,0-0.5-0.2-0.5-0.5S6.2,20,6.5,20H10c0.2,0,0.5,0.2,0.5,0.5S10.2,20.9,10,20.9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.WebPart .ShopWebPart .classic-login input[type=submit],
.WebPart .ShopWebPart .classic-login button,
.WebPart .ShopWebPart .ECRegisterManageAccount input[type=submit],
.WebPart .ShopWebPart .ECRegisterManageAccount button,
.WebPart .ShopWebPart .Register input[type=submit],
.WebPart .ShopWebPart .Register button {
  font-size: 0.875rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background-image: url("https://cdn.gr.ch/gr/prod/images/icons-set/weiss/arrows/pfeile-right.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: right -24px center;
  background-origin: content-box;
}
.WebPart .ShopWebPart .rememberMe input[type=checkbox] {
  vertical-align: baseline;
}
.WebPart .ShopWebPart a.button,
.WebPart .ShopWebPart a.button:active,
.WebPart .ShopWebPart a.button:visited {
  background-color: #0069B4;
  color: #fff;
}
.WebPart .ShopWebPart a.button:hover {
  background: #004b81;
  color: #fff;
  text-decoration: none;
}

.WebPart .ShopWebPart select {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.75rem;
  border: 0 none;
  font-size: 16px;
  font-family: inherit;
  line-height: normal;
  color: #000;
  background-color: #fff;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .WebPart .ShopWebPart select {
    font-size: 0.875rem;
  }
}
.WebPart .ShopWebPart input[type=number] {
  background-color: #E6F0F8;
}

.ProductOverviewStatus {
  margin-bottom: 16px;
}

.ShopWebPart .product-listing.tiles .product {
  padding-top: 16px;
  padding-bottom: calc(50px + 16px);
  margin-bottom: 32px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 300ms ease;
  transition: -webkit-box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}
.ShopWebPart .product-listing.tiles .product:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.ShopWebPart .product-listing.tiles .product .image a {
  display: block;
  overflow: hidden;
  position: relative;
}
.ShopWebPart .product-listing.tiles .product .image a img {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  max-height: 100%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.ShopWebPart .product-listing.tiles .product .image a:before {
  content: "";
  display: inline-block;
  padding-bottom: 75%;
}
.ShopWebPart .product-listing.tiles .product .details,
.ShopWebPart .product-listing.tiles .product .stock,
.ShopWebPart .product-listing.tiles .product .sold-out,
.ShopWebPart .product-listing.tiles .product .cart-actions a {
  font-size: 0.825rem;
}
.ShopWebPart .product-listing.tiles .product .sold-out {
  font-weight: bold;
}
.ShopWebPart .product-listing.tiles .product .title {
  font-size: 1rem;
}
.ShopWebPart .product-listing.tiles .product .title,
.ShopWebPart .product-listing.tiles .product .description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ShopWebPart .product-listing.tiles .product .add-to-cart .link-text,
.ShopWebPart .product-listing.tiles .product .cart-actions label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ShopWebPart .product-listing.tiles .product .sold-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  padding-left: 16px;
}
.ShopWebPart .product-listing.tiles .product .cart-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0;
  position: absolute;
  width: 100%;
  bottom: 16px;
  left: 0;
}
.ShopWebPart .product-listing.tiles .product .cart-actions .cart.amount {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.ShopWebPart .product-listing.tiles .product .cart-actions .cart.amount input[type=text],
.ShopWebPart .product-listing.tiles .product .cart-actions .cart.amount input[type=number] {
  background: transparent;
  border: 1px solid #E6F0F8;
  text-align: right;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.ShopWebPart .product-listing.tiles .product .cart-actions .cart.amount input[type=text]:focus,
.ShopWebPart .product-listing.tiles .product .cart-actions .cart.amount input[type=number]:focus {
  border-color: #0069B4;
}
.ShopWebPart .product-listing.tiles .product .cart-actions .cart.add-to-cart {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  text-align: right;
}
.ShopWebPart .product-listing.tiles .product-link {
  display: block;
  text-decoration: none;
  color: #000;
}
.ShopWebPart .product-listing.tiles .product-link:hover {
  text-decoration: none;
}
.ShopWebPart .product-listing.tiles .product-link .details {
  padding-bottom: 16px;
}
.ShopWebPart .product-listing.tiles .product-link .image a {
  display: block;
  overflow: hidden;
  position: relative;
}
.ShopWebPart .product-listing.tiles .product-link .image a img {
  position: absolute;
  left: 50%;
  width: auto;
  max-height: 100%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.ShopWebPart .product-listing.tiles .product-link .image a:before {
  content: "";
  display: inline-block;
  padding-bottom: 75%;
}

.Display .body-container .digital-product-property-form input[type=email],
.Display .body-container .digital-product-property-form input[type=text],
.Display .body-container .digital-product-property-form input[type=number],
.Display .body-container .digital-product-property-form select,
.Display .body-container .digital-product-property-form textarea {
  border: 1px solid #ced4da;
}
.Display .body-container .digital-product-property-form select {
  padding: 0.125rem 1.5rem 0.125rem 0.25rem;
}
.Display .body-container .digital-product-property-form input[type=email],
.Display .body-container .digital-product-property-form input[type=text],
.Display .body-container .digital-product-property-form input[type=number],
.Display .body-container .digital-product-property-form textarea {
  padding: 0.125rem 0.25rem;
  line-height: 1.5rem;
  height: 1.5rem;
}
.Display .body-container .digital-product-property-form input[type=checkbox] {
  margin-bottom: 0;
}
.Display .body-container .digital-product-property-form fieldset {
  border: 1px solid #ced4da;
  padding: 0.5rem;
  margin: 0 0 0.75rem 0;
}
.Display .body-container .digital-product-property-form fieldset legend {
  color: #495057;
  font-weight: bold;
  padding: 0 0.5rem;
  text-shadow: 0 0 0 transparent;
}

iframe.payment-form {
  height: 450px;
}

.CheckOutWizardControl span.ShipmentCostsText,
.CheckOutWizardControl span.Value {
  display: inline-block;
  padding: 1rem 0 1rem 0.5rem;
}

.ShopWebPart a[href*="pdfid="]:before {
  background-size: auto;
  display: inline-block;
  vertical-align: middle;
  height: 1.6rem;
}

.ShopWebPart .product-listing.tiles .product .image {
  overflow: hidden;
  position: relative;
}
.ShopWebPart .product-listing.tiles .product .image:before {
  content: "";
  padding-bottom: 200px;
  display: block;
}
.ShopWebPart .product-listing.tiles .product .image img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 200px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  top: 0;
  left: 50%;
}

.ShopWebPart .product-listing.tiles .product {
  padding-bottom: calc(90px + 32px / 2);
}

.cart-actions .cart-infos {
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding-top: 16px;
  padding-bottom: 0.5rem;
  font-size: 0.825rem;
}

/* deprecated -
///deep/ combinator is no longer supported in CSS dynamic profile. It is now effectively no-op, acting as if it were a descendant combinator. /deep/ combinator will be removed, and will be invalid at M65
.Display {

  input[type=text],
  input[type=email],
  input[type=password] {
    /deep/ * {
      outline: 1px solid red;
      color: transparent !important
    }
  }
}
*/
.WebPart .ShopWebPart .LoginViewTop .logout-area a.LinkButton.logout {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0;
  padding: 0.25rem 0.75rem;
}

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

.eac-item .searchresult img {
  max-height: 100px;
}

.Controls .easy-autocomplete-container {
  position: relative;
}

.ec-resources-login input[id$=_buttonLogin] {
  margin-top: 12px;
}

.OrderList {
  margin: 24px 0;
}
.OrderList h1,
.OrderList h2 {
  margin-bottom: 12px;
}
.OrderList h1 {
  font-size: 1.125rem;
}

.WebPart .ShopWebPart .ShopContent div.Header,
.WebPart .ShopWebPart .QuickInfoHeader {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -16px;
}
.WebPart .ShopWebPart .ShopContent div.Header .LoginViewTop,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 16px;
  text-align: left;
}
.WebPart .ShopWebPart .ShopContent div.Header .CartQuickInfo,
.WebPart .ShopWebPart .QuickInfoHeader .CartQuickInfo {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 16px;
  text-align: left;
}
.WebPart .ShopWebPart .ShopContent div.Header .ECSearch,
.WebPart .ShopWebPart .QuickInfoHeader .ECSearch {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 576px) {
  .WebPart .ShopWebPart .ShopContent div.Header .LoginViewTop,
  .WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
  }
  .WebPart .ShopWebPart .ShopContent div.Header .CartQuickInfo,
  .WebPart .ShopWebPart .QuickInfoHeader .CartQuickInfo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-left: auto;
    text-align: left;
  }
  .WebPart .ShopWebPart .ShopContent div.Header .ECSearch,
  .WebPart .ShopWebPart .QuickInfoHeader .ECSearch {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .WebPart .ShopWebPart .ShopContent div.Header .LoginViewTop,
  .WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop {
    padding-right: 16px;
    padding-left: 16px;
    width: auto;
    max-width: none;
    -webkit-box-flex: 2;
        -ms-flex: 2 0px;
            flex: 2 0px;
    min-width: 280px;
  }
  .WebPart .ShopWebPart .ShopContent div.Header .CartQuickInfo,
  .WebPart .ShopWebPart .QuickInfoHeader .CartQuickInfo {
    padding-right: 16px;
    padding-left: 16px;
    text-align: left;
    -webkit-box-flex: 3;
        -ms-flex: 3 0px;
            flex: 3 0px;
    margin-left: auto;
    max-width: 100%;
  }
  .WebPart .ShopWebPart .ShopContent div.Header .ECSearch,
  .WebPart .ShopWebPart .QuickInfoHeader .ECSearch {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .WebPart .ShopWebPart .ShopContent div.Header .CartQuickInfo,
  .WebPart .ShopWebPart .QuickInfoHeader .CartQuickInfo {
    text-align: right;
  }
}

@media (min-width: 576px) {
  .WebPart .ShopWebPart .Header .LoginViewTop .Links,
  .WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .Links {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  line-height: inherit;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin: 0;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area:hover,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area a.LinkButton,
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area a,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area a.LinkButton,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area a {
  color: #fff;
  background-color: transparent;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area a.LinkButton:hover,
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area a:hover,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area a.LinkButton:hover,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area a:hover {
  background-color: transparent;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area span,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area span {
  display: inline-block;
  vertical-align: top;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area span.login-user-firstname,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area span.login-user-firstname {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area span.login-user-lastname,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area span.login-user-lastname {
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.WebPart .ShopWebPart .Header .LoginViewTop .login-user-area span.login-user-lastname:before,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .login-user-area span.login-user-lastname:before {
  content: "";
  margin-left: 2px;
  display: inline-block;
}
.WebPart .ShopWebPart .Header .LoginViewTop .logout-area,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .logout-area {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  padding-right: 0.45rem;
  padding-left: 0.45rem;
  line-height: inherit;
  margin: 0 0 0 0.5rem;
}
.WebPart .ShopWebPart .Header .LoginViewTop .logout-area:hover,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .logout-area:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}
.WebPart .ShopWebPart .Header .LoginViewTop .logout-area .LinkButton,
.WebPart .ShopWebPart .QuickInfoHeader .LoginViewTop .logout-area .LinkButton {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.WebPart .ShopWebPart .Header .Status.info,
.WebPart .ShopWebPart .QuickInfoHeader .Status.info {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.WebPart .ShopWebPart .Header a.ImageButton:nth-child(3),
.WebPart .ShopWebPart .QuickInfoHeader a.ImageButton:nth-child(3) {
  margin-left: 0.5rem;
}
.WebPart .ShopWebPart .Header a.LinkButton,
.WebPart .ShopWebPart .QuickInfoHeader a.LinkButton {
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  line-height: inherit;
  margin: 0;
}
.WebPart .ShopWebPart .Header a.LinkButton:hover,
.WebPart .ShopWebPart .QuickInfoHeader a.LinkButton:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}
.WebPart .ShopWebPart .Header .Controls .shopping-cart:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .shopping-cart:before {
  vertical-align: middle;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area,
.WebPart .ShopWebPart .Header .Controls .cart-area,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area {
  display: inline-block;
  position: relative;
  display: inline-block;
  background-color: #0069B4;
  color: #fff;
  border: 0 solid transparent;
  padding: 0.25rem 0.75rem;
  font-size: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  padding: 0 0.5rem;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area:hover,
.WebPart .ShopWebPart .Header .Controls .cart-area:hover,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area:hover,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area:hover {
  background-color: #004b81;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area .shop-icon.checkout:before,
.WebPart .ShopWebPart .Header .Controls .cart-area .shop-icon.checkout:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area .shop-icon.checkout:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area .shop-icon.checkout:before {
  height: 2.7rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M13.6,19.9c0-0.3-0.3-0.5-0.6-0.5c-0.5,0-0.7,0.4-0.7,0.9c0,0.4,0.2,0.9,0.7,0.9c0.4,0,0.6-0.2,0.6-0.6h0.6 c-0.1,0.7-0.5,1.1-1.2,1.1c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.5-1.4,1.3-1.4c0.6,0,1.1,0.3,1.1,1H13.6z'/%3E%3Cpath class='st0' d='M14.6,19h0.6v1h1.1v-1h0.6v2.7h-0.6v-1.1h-1.1v1.1h-0.6V19z'/%3E%3Cpath class='st0' d='M17.3,19h1.9v0.5h-1.3v0.6H19v0.5h-1.1v1.1h-0.6V19z'/%3E%3C/g%3E%3Cg id='ticket_1_'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M18.1,14.7h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,14.5,18.4,14.7,18.1,14.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M18.1,11.6h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,11.4,18.4,11.6,18.1,11.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M18.1,8.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,8.3,18.4,8.5,18.1,8.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,14.7h-7c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5 C13.9,14.5,13.7,14.7,13.4,14.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,11.6h-7c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5 C13.9,11.4,13.7,11.6,13.4,11.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,8.5h-7C6.2,8.5,6,8.3,6,8c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5C13.9,8.3,13.7,8.5,13.4,8.5 z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M16.9,27.5c-0.1,0-0.2,0-0.3-0.1L14.6,26l-2.1,1.4c-0.2,0.1-0.3,0.1-0.5,0L10,26l-2.1,1.4 c-0.2,0.1-0.3,0.1-0.5,0L5.3,26l-2.1,1.4c-0.1,0.1-0.3,0.1-0.5,0c-0.1-0.1-0.2-0.2-0.2-0.4V5.7c0-1.7,1.4-3.2,3.2-3.2h18.2 c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3,0c1.7,0,3.2,1.4,3.2,3.2c0,0.2-0.2,0.5-0.5,0.5h-5V27c0,0.2-0.1,0.3-0.2,0.4 c-0.1,0.1-0.3,0.1-0.5,0L19.3,26l-2.1,1.4C17.1,27.5,17,27.5,16.9,27.5z M14.6,25c0.1,0,0.2,0,0.3,0.1l2.1,1.4l2.1-1.4 c0.2-0.1,0.3-0.1,0.5,0l1.6,1.1V5.7c0-0.9,0.4-1.7,1-2.3H5.7c-1.2,0-2.3,1-2.3,2.3v20.5L5,25.1c0.2-0.1,0.3-0.1,0.5,0l2.1,1.4 l2.1-1.4c0.2-0.1,0.3-0.1,0.5,0l2.1,1.4l2.1-1.4C14.4,25.1,14.5,25,14.6,25z M22.1,5.2h4.4c-0.2-1-1.1-1.8-2.2-1.8 S22.3,4.2,22.1,5.2z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M10,20.9H6.5c-0.2,0-0.5-0.2-0.5-0.5S6.2,20,6.5,20H10c0.2,0,0.5,0.2,0.5,0.5S10.2,20.9,10,20.9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.WebPart .ShopWebPart .Header .Controls .checkout-area .basket-info,
.WebPart .ShopWebPart .Header .Controls .cart-area .basket-info,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area .basket-info,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area .basket-info {
  top: 4px !important;
  left: 39px !important;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area a,
.WebPart .ShopWebPart .Header .Controls .cart-area a,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a {
  background-color: transparent;
  line-height: inherit;
  margin: 0;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area a.LinkButton,
.WebPart .ShopWebPart .Header .Controls .cart-area a.LinkButton,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a.LinkButton,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a.LinkButton {
  margin: 0;
  line-height: 2.7rem;
  height: 2.7rem;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area a.ImageButton,
.WebPart .ShopWebPart .Header .Controls .cart-area a.ImageButton,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a.ImageButton,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a.ImageButton {
  height: 2.7rem;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area a,
.WebPart .ShopWebPart .Header .Controls .checkout-area a:active,
.WebPart .ShopWebPart .Header .Controls .checkout-area a:visited,
.WebPart .ShopWebPart .Header .Controls .cart-area a,
.WebPart .ShopWebPart .Header .Controls .cart-area a:active,
.WebPart .ShopWebPart .Header .Controls .cart-area a:visited,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a:active,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a:visited,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a:active,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a:visited {
  color: #fff;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area a:hover,
.WebPart .ShopWebPart .Header .Controls .cart-area a:hover,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area a:hover,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area a:hover {
  color: #fff;
  text-decoration: none;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area.disabled,
.WebPart .ShopWebPart .Header .Controls .cart-area.disabled,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area.disabled,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area.disabled {
  background-color: #DADADA;
  color: #8e8e8e;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area.disabled a,
.WebPart .ShopWebPart .Header .Controls .cart-area.disabled a,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area.disabled a,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area.disabled a {
  background-color: transparent;
  color: #8e8e8e;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area.disabled .shop-icon.checkout:before,
.WebPart .ShopWebPart .Header .Controls .cart-area.disabled .shop-icon.checkout:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area.disabled .shop-icon.checkout:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area.disabled .shop-icon.checkout:before {
  height: 2.7rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' style='enable-background:new 0 0 30 30;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238e8e8e;%7D%0A%3C/style%3E%3Ctitle%3Eservices-blau%3C/title%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M13.6,19.9c0-0.3-0.3-0.5-0.6-0.5c-0.5,0-0.7,0.4-0.7,0.9c0,0.4,0.2,0.9,0.7,0.9c0.4,0,0.6-0.2,0.6-0.6h0.6 c-0.1,0.7-0.5,1.1-1.2,1.1c-0.8,0-1.3-0.6-1.3-1.4c0-0.8,0.5-1.4,1.3-1.4c0.6,0,1.1,0.3,1.1,1H13.6z'/%3E%3Cpath class='st0' d='M14.6,19h0.6v1h1.1v-1h0.6v2.7h-0.6v-1.1h-1.1v1.1h-0.6V19z'/%3E%3Cpath class='st0' d='M17.3,19h1.9v0.5h-1.3v0.6H19v0.5h-1.1v1.1h-0.6V19z'/%3E%3C/g%3E%3Cg id='ticket_1_'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M18.1,14.7h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,14.5,18.4,14.7,18.1,14.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M18.1,11.6h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,11.4,18.4,11.6,18.1,11.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M18.1,8.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5 C18.6,8.3,18.4,8.5,18.1,8.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,14.7h-7c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5 C13.9,14.5,13.7,14.7,13.4,14.7z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,11.6h-7c-0.2,0-0.5-0.2-0.5-0.5c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5 C13.9,11.4,13.7,11.6,13.4,11.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M13.4,8.5h-7C6.2,8.5,6,8.3,6,8c0-0.2,0.2-0.5,0.5-0.5h7c0.2,0,0.5,0.2,0.5,0.5C13.9,8.3,13.7,8.5,13.4,8.5 z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M16.9,27.5c-0.1,0-0.2,0-0.3-0.1L14.6,26l-2.1,1.4c-0.2,0.1-0.3,0.1-0.5,0L10,26l-2.1,1.4 c-0.2,0.1-0.3,0.1-0.5,0L5.3,26l-2.1,1.4c-0.1,0.1-0.3,0.1-0.5,0c-0.1-0.1-0.2-0.2-0.2-0.4V5.7c0-1.7,1.4-3.2,3.2-3.2h18.2 c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3,0c1.7,0,3.2,1.4,3.2,3.2c0,0.2-0.2,0.5-0.5,0.5h-5V27c0,0.2-0.1,0.3-0.2,0.4 c-0.1,0.1-0.3,0.1-0.5,0L19.3,26l-2.1,1.4C17.1,27.5,17,27.5,16.9,27.5z M14.6,25c0.1,0,0.2,0,0.3,0.1l2.1,1.4l2.1-1.4 c0.2-0.1,0.3-0.1,0.5,0l1.6,1.1V5.7c0-0.9,0.4-1.7,1-2.3H5.7c-1.2,0-2.3,1-2.3,2.3v20.5L5,25.1c0.2-0.1,0.3-0.1,0.5,0l2.1,1.4 l2.1-1.4c0.2-0.1,0.3-0.1,0.5,0l2.1,1.4l2.1-1.4C14.4,25.1,14.5,25,14.6,25z M22.1,5.2h4.4c-0.2-1-1.1-1.8-2.2-1.8 S22.3,4.2,22.1,5.2z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M10,20.9H6.5c-0.2,0-0.5-0.2-0.5-0.5S6.2,20,6.5,20H10c0.2,0,0.5,0.2,0.5,0.5S10.2,20.9,10,20.9z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.WebPart .ShopWebPart .Header .Controls .checkout-area.disabled .shop-icon.shopping-cart:before,
.WebPart .ShopWebPart .Header .Controls .cart-area.disabled .shop-icon.shopping-cart:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area.disabled .shop-icon.shopping-cart:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area.disabled .shop-icon.shopping-cart:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238e8e8e' viewBox='0 0 576 512'%3E%3Cpath stroke-antialiasing='true' d='M551.991 64H129.28l-8.329-44.423C118.822 8.226 108.911 0 97.362 0H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h78.72l69.927 372.946C150.305 416.314 144 431.42 144 448c0 35.346 28.654 64 64 64s64-28.654 64-64a63.681 63.681 0 0 0-8.583-32h145.167a63.681 63.681 0 0 0-8.583 32c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-17.993-7.435-34.24-19.388-45.868C506.022 391.891 496.76 384 485.328 384H189.28l-12-64h331.381c11.368 0 21.177-7.976 23.496-19.105l43.331-208C578.592 77.991 567.215 64 551.991 64zM240 448c0 17.645-14.355 32-32 32s-32-14.355-32-32 14.355-32 32-32 32 14.355 32 32zm224 32c-17.645 0-32-14.355-32-32s14.355-32 32-32 32 14.355 32 32-14.355 32-32 32zm38.156-192H171.28l-36-192h406.876l-40 192z'/%3E%3C/svg%3E");
}
.WebPart .ShopWebPart .Header .Controls .checkout-area.disabled:hover,
.WebPart .ShopWebPart .Header .Controls .cart-area.disabled:hover,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area.disabled:hover,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area.disabled:hover {
  background-color: #e7e7e7;
}
.WebPart .ShopWebPart .Header .Controls .checkout-area,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .checkout-area {
  margin-left: 0.25rem;
}
.WebPart .ShopWebPart .Header .Controls .cart-area,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area {
  padding-right: 0.75rem;
  margin-right: 0;
}
.WebPart .ShopWebPart .Header .Controls .cart-area .shop-icon,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area .shop-icon {
  height: 2.7rem;
}
.WebPart .ShopWebPart .Header .Controls .cart-area .shop-icon:before,
.WebPart .ShopWebPart .QuickInfoHeader .Controls .cart-area .shop-icon:before {
  margin-top: 5px;
}

.WebPart .ShopWebPart .Search .Controls {
  background-color: #E6F0F8;
  padding: 0.5rem;
  position: relative;
  border-bottom: 2px solid #0069B4;
}
.WebPart .ShopWebPart .Search .Controls input[type=text] {
  width: calc(100% - 36px);
  background-color: #E6F0F8;
  border: 0px none transparent;
  padding: 0 0 0 0.25rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.WebPart .ShopWebPart .Search .Controls input[type=text]:focus {
  border: 0px none transparent;
  outline: 0 none transparent;
}
.WebPart .ShopWebPart .Search .Controls .ImageButton {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.WebPart .ShopWebPart .Search .Controls .ImageButton .shop-icon.search {
  margin: 0;
  padding: 0;
  height: 2.2rem;
  width: 2.4rem;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.WebPart .ShopWebPart .contains-social-login .classic-login,
.WebPart .ShopWebPart .contains-social-login .social-login {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .WebPart .ShopWebPart .contains-social-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -16px;
  }
  .WebPart .ShopWebPart .contains-social-login .classic-login,
  .WebPart .ShopWebPart .contains-social-login .social-login {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.WebPart .ShopWebPart .login .Instructions {
  margin-bottom: 0.75rem;
}
.WebPart .ShopWebPart .login .ForgotPassword,
.WebPart .ShopWebPart .login .forgot-password {
  display: block;
  padding: 0.75rem 0.5rem;
  background-color: #E6F0F8;
  margin-bottom: 0;
}

.WebPart .ShopWebPart .ECRegisterManageAccount {
  max-width: 100%;
  width: 500px;
}
.WebPart .ShopWebPart .ECRegisterManageAccount [type=submit],
.WebPart .ShopWebPart .ECRegisterManageAccount button {
  margin-top: 1rem;
}
.WebPart .ShopWebPart div.TotalUserComments span.TotalUserComments {
  font-size: 0.9rem;
}
.WebPart .ShopWebPart div.TotalUserComments > div {
  background-color: #fff;
}
.WebPart .ShopWebPart div.TotalUserComments > div textarea {
  border: 0.5rem solid #E6F0F8;
}
.WebPart .ShopWebPart .CheckOutWizardControl .Payment > div,
.WebPart .ShopWebPart .CheckOutWizardControl .Shipment > div,
.WebPart .ShopWebPart .ECRegisterManageAccount .UserInput > div {
  margin: 0;
  display: block;
}
.WebPart .ShopWebPart .CheckOutWizardControl .Payment > div label,
.WebPart .ShopWebPart .CheckOutWizardControl .Shipment > div label,
.WebPart .ShopWebPart .ECRegisterManageAccount .UserInput > div label {
  display: block;
}
@media (min-width: 576px) {
  .WebPart .ShopWebPart .CheckOutWizardControl .Payment > div label,
  .WebPart .ShopWebPart .CheckOutWizardControl .Shipment > div label,
  .WebPart .ShopWebPart .ECRegisterManageAccount .UserInput > div label {
    display: block;
    width: 100%;
  }
}
.WebPart .ShopWebPart .CheckOutWizardControl .Payment > div select,
.WebPart .ShopWebPart .CheckOutWizardControl .Shipment > div select,
.WebPart .ShopWebPart .ECRegisterManageAccount .UserInput > div select {
  display: block;
  width: auto;
}
@media (min-width: 576px) {
  .WebPart .ShopWebPart .CheckOutWizardControl .Payment > div select,
  .WebPart .ShopWebPart .CheckOutWizardControl .Shipment > div select,
  .WebPart .ShopWebPart .ECRegisterManageAccount .UserInput > div select {
    display: block;
    width: 100%;
  }
}
.WebPart .ShopWebPart div.drop-down-list,
.WebPart .ShopWebPart div.DropDownList {
  background-color: #E6F0F8;
  padding: 0.5rem;
}
.WebPart .ShopWebPart div.drop-down-list label,
.WebPart .ShopWebPart div.DropDownList label {
  display: inline-block;
  font-size: 0.825rem;
  color: #adb5bd;
}
.WebPart .ShopWebPart div.drop-down-list select,
.WebPart .ShopWebPart div.drop-down-list option,
.WebPart .ShopWebPart div.DropDownList select,
.WebPart .ShopWebPart div.DropDownList option {
  background-color: #fff;
}
.WebPart .ShopWebPart .Username,
.WebPart .ShopWebPart .Password,
.WebPart .ShopWebPart .EmailAddress,
.WebPart .ShopWebPart .WaiTextBox,
.WebPart .ShopWebPart .readonly,
.WebPart .ShopWebPart .wai-text-box,
.WebPart .ShopWebPart [class*=userdefined-string] {
  background-color: #E6F0F8;
  padding: 0.5rem;
  position: relative;
  display: block;
  position: relative;
}
.WebPart .ShopWebPart .Username label,
.WebPart .ShopWebPart .Username input,
.WebPart .ShopWebPart .Password label,
.WebPart .ShopWebPart .Password input,
.WebPart .ShopWebPart .EmailAddress label,
.WebPart .ShopWebPart .EmailAddress input,
.WebPart .ShopWebPart .WaiTextBox label,
.WebPart .ShopWebPart .WaiTextBox input,
.WebPart .ShopWebPart .readonly label,
.WebPart .ShopWebPart .readonly input,
.WebPart .ShopWebPart .wai-text-box label,
.WebPart .ShopWebPart .wai-text-box input,
.WebPart .ShopWebPart [class*=userdefined-string] label,
.WebPart .ShopWebPart [class*=userdefined-string] input {
  display: block;
}
.WebPart .ShopWebPart .Username input,
.WebPart .ShopWebPart .Password input,
.WebPart .ShopWebPart .EmailAddress input,
.WebPart .ShopWebPart .WaiTextBox input,
.WebPart .ShopWebPart .readonly input,
.WebPart .ShopWebPart .wai-text-box input,
.WebPart .ShopWebPart [class*=userdefined-string] input {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  padding: 1rem;
}
.WebPart .ShopWebPart .Username label,
.WebPart .ShopWebPart .Password label,
.WebPart .ShopWebPart .EmailAddress label,
.WebPart .ShopWebPart .WaiTextBox label,
.WebPart .ShopWebPart .readonly label,
.WebPart .ShopWebPart .wai-text-box label,
.WebPart .ShopWebPart [class*=userdefined-string] label {
  position: absolute;
  position: absolute;
  font-size: 14px;
  color: #adb5bd;
  top: 18px;
  left: 0.75rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
@media (min-width: 768px) {
  .WebPart .ShopWebPart .Username label,
  .WebPart .ShopWebPart .Password label,
  .WebPart .ShopWebPart .EmailAddress label,
  .WebPart .ShopWebPart .WaiTextBox label,
  .WebPart .ShopWebPart .readonly label,
  .WebPart .ShopWebPart .wai-text-box label,
  .WebPart .ShopWebPart [class*=userdefined-string] label {
    font-size: 0.875rem;
  }
}
.WebPart .ShopWebPart .Username.is-focused label, .WebPart .ShopWebPart .Username.is-filled label,
.WebPart .ShopWebPart .Password.is-focused label,
.WebPart .ShopWebPart .Password.is-filled label,
.WebPart .ShopWebPart .EmailAddress.is-focused label,
.WebPart .ShopWebPart .EmailAddress.is-filled label,
.WebPart .ShopWebPart .WaiTextBox.is-focused label,
.WebPart .ShopWebPart .WaiTextBox.is-filled label,
.WebPart .ShopWebPart .readonly.is-focused label,
.WebPart .ShopWebPart .readonly.is-filled label,
.WebPart .ShopWebPart .wai-text-box.is-focused label,
.WebPart .ShopWebPart .wai-text-box.is-filled label,
.WebPart .ShopWebPart [class*=userdefined-string].is-focused label,
.WebPart .ShopWebPart [class*=userdefined-string].is-filled label {
  top: 1px;
  font-size: 10px;
  line-height: 1;
}
.WebPart .ShopWebPart .rememberMe {
  padding: 0.5rem 0.5rem 0.5rem 1.725rem;
  background-color: #E6F0F8;
  margin-bottom: 0.75rem;
}
.WebPart .ShopWebPart .PasswordRecovery .EmailAddress {
  margin-bottom: 0.75rem;
}

.ProductOverview .ShopTreeTopCategories {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -16px;
}
.ProductOverview .ShopTreeTopCategories li {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}
.ProductOverview .ShopTreeTopCategories li > ul {
  display: none;
}
.ProductOverview .ShopTreeTopCategories li a {
  display: block;
  position: relative;
}
@media (min-width: 768px) {
  .ProductOverview .ShopTreeTopCategories li {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .ProductOverview .ShopTreeTopCategories li {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
.ProductOverview .ShopTreeTopCategories .category-text {
  font-size: 0.75rem;
  background-color: #0069B4;
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.ProductOverview .ShopTreeTopCategories .category-text:before {
  content: attr(data-content);
  line-height: 1;
  padding: 0 0.75rem;
  width: 100%;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: absolute;
  display: inline-block;
}
.ProductOverview .ShopTreeTopCategories .thumbnail {
  display: block;
  background-image: url(https://cdn.gr.ch/gr/prod/images/shops/shop-tile-default.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100%;
}
.ProductOverview .ShopTreeTopCategories .thumbnail:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 105, 180, 0.3);
}
.ProductOverview .ShopTreeTopCategories .thumbnail[style*=background-image]:after {
  background-color: transparent;
}

.product-image-carousel button.slick-arrow {
  background-color: transparent !important;
  font-size: 0;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 40px;
  overflow: hidden;
  text-indent: -99999px;
}
.product-image-carousel button.slick-arrow:hover, .product-image-carousel button.slick-arrow:focus {
  background-color: transparent;
  text-indent: -1000px;
  font-size: 0;
}
.product-image-carousel button.slick-arrow:before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 40px;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.product-image-carousel button.slick-arrow.slick-prev:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230069B4' viewBox='0 0 30 30'%3E%3Cpolygon class='cls-1' points='11.1 15 18.4 8.2 18.9 8.7 13.1 15 18.9 21.3 18.4 21.8 11.1 15'/%3E%3C/svg%3E");
}
.product-image-carousel button.slick-arrow.slick-next:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230069B4' viewBox='0 0 30 30'%3E%3Cpolygon points='18.9 15 11.6 21.8 11.1 21.3 16.9 15 11.1 8.7 11.6 8.2 18.9 15'/%3E%3C/svg%3E");
  background-position: 50% 0;
}

.product-image-carousel .slick-slide {
  padding-right: 16px;
  padding-left: 16px;
}
.product-image-carousel .slick-dots li {
  margin: 0 !important;
}
.product-image-carousel .slick-dots button {
  background-color: transparent !important;
  display: inline-block;
}

.product-image-carousel {
  width: 320px;
  max-width: 100%;
}

ul.additional {
  padding-top: 16px;
}
ul.additional li {
  margin-bottom: 0.5rem !important;
}

.WebPart .ShopWebPart table td,
.WebPart .ShopWebPart table th {
  vertical-align: middle;
}
.WebPart .ShopWebPart table input[type=text],
.WebPart .ShopWebPart table textarea {
  border: 0.25rem solid #E6F0F8;
  line-height: normal;
  height: auto;
  padding: 0.25rem 0.5rem;
}

table.ShippingInfoTable.no-alternating-row-class tr:nth-child(even) td,
table.ShippingInfoTable .alternatingRow td,
.TotalAdresses table.no-alternating-row-class tr:nth-child(even) td,
.TotalAdresses table .alternatingRow td,
.Attributes table.no-alternating-row-class tr:nth-child(even) td,
.Attributes table .alternatingRow td {
  background-color: transparent;
}
table.ShippingInfoTable tr:hover td,
.TotalAdresses table tr:hover td,
.Attributes table tr:hover td {
  background-color: transparent;
}

.Attributes table td {
  vertical-align: top !important;
}

table td,
table tr:hover td {
  background-color: inherit;
}

/* wcag_extendedediting */
.shop-app {
  --main-column-width: 100%;
  --main-column-max-width: 1024px;
  --body-row-padding: 40px;
  --gap: 30px;
  --half-gap: 15px;
}

.shop-app .shop-body [class^=ms-] img {
  max-width: 100% !important;
}
.shop-app .shop-body .cell {
  vertical-align: top;
  padding-right: var(--half-gap);
  padding-left: var(--half-gap);
  margin-bottom: var(--gap);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 30px;
  height: auto !important;
}
.shop-app .shop-body .cell > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.shop-app .shop-body .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .shop-app .shop-body .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .shop-app .shop-body .row.has1cells {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .shop-app .shop-body .row.has2cells .cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
  .shop-app .shop-body .row.has2cells.ratio-3x7 .cell:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.333333%;
            flex: 0 1 33.333333%;
  }
  .shop-app .shop-body .row.has2cells.ratio-3x7 .cell:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 66.66666%;
            flex: 0 1 66.66666%;
  }
  .shop-app .shop-body .row.ratio-8x4 .cell:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
            flex: 0 1 75%;
  }
  .shop-app .shop-body .row.ratio-8x4 .cell:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
  }
  .shop-app .shop-body .row.ratio-4x8 .cell:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
  }
  .shop-app .shop-body .row.ratio-4x8 .cell:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
            flex: 0 1 75%;
  }
  .shop-app .shop-body .row.has3cells .cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333%;
            flex: 0 1 33.33333%;
  }
  .shop-app .shop-body .row.has4cells .cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
  }
}

.shop-app .sp-component-webpart,
.custom-layout-page .sp-component-webpart,
.wcag_mediamessageflex .sp-component-webpart,
.wcag_extendedediting .sp-component-webpart {
  margin: 1.25rem 0;
}
.shop-app blockquote,
.custom-layout-page blockquote,
.wcag_mediamessageflex blockquote,
.wcag_extendedediting blockquote {
  position: relative;
  margin: 40px 0 30px 0;
  font-style: italic;
  font-family: times, serif;
}
.shop-app blockquote:before,
.custom-layout-page blockquote:before,
.wcag_mediamessageflex blockquote:before,
.wcag_extendedediting blockquote:before {
  content: "«";
  position: absolute;
  top: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-size: 50px;
  color: #0069B4;
  font-style: normal;
  font-family: times, serif;
}
.shop-app blockquote:after,
.custom-layout-page blockquote:after,
.wcag_mediamessageflex blockquote:after,
.wcag_extendedediting blockquote:after {
  content: "»";
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-size: 50px;
  color: #0069B4;
  font-style: normal;
  font-family: times, serif;
}
.shop-app .cell div[id^=i],
.custom-layout-page .cell div[id^=i],
.wcag_mediamessageflex .cell div[id^=i],
.wcag_extendedediting .cell div[id^=i] {
  margin-bottom: 1rem;
}
.shop-app .cell h2,
.custom-layout-page .cell h2,
.wcag_mediamessageflex .cell h2,
.wcag_extendedediting .cell h2 {
  margin-top: 1.5rem;
}

.shop-app .responsive-map,
.shop-app .responsive-video,
.custom-layout-page .responsive-map,
.custom-layout-page .responsive-video,
.wcag_mediamessageflex .responsive-map,
.wcag_mediamessageflex .responsive-video,
.wcag_extendedediting .responsive-map,
.wcag_extendedediting .responsive-video {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  z-index: 0;
}
.shop-app .responsive-map:before,
.shop-app .responsive-video:before,
.custom-layout-page .responsive-map:before,
.custom-layout-page .responsive-video:before,
.wcag_mediamessageflex .responsive-map:before,
.wcag_mediamessageflex .responsive-video:before,
.wcag_extendedediting .responsive-map:before,
.wcag_extendedediting .responsive-video:before {
  content: "";
  display: block;
}
.shop-app .responsive-map video,
.shop-app .responsive-map iframe,
.shop-app .responsive-video video,
.shop-app .responsive-video iframe,
.custom-layout-page .responsive-map video,
.custom-layout-page .responsive-map iframe,
.custom-layout-page .responsive-video video,
.custom-layout-page .responsive-video iframe,
.wcag_mediamessageflex .responsive-map video,
.wcag_mediamessageflex .responsive-map iframe,
.wcag_mediamessageflex .responsive-video video,
.wcag_mediamessageflex .responsive-video iframe,
.wcag_extendedediting .responsive-map video,
.wcag_extendedediting .responsive-map iframe,
.wcag_extendedediting .responsive-video video,
.wcag_extendedediting .responsive-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.shop-app .responsive-video:before,
.custom-layout-page .responsive-video:before,
.wcag_mediamessageflex .responsive-video:before,
.wcag_extendedediting .responsive-video:before {
  padding-bottom: 56.25%;
}
.shop-app .responsive-map:before,
.custom-layout-page .responsive-map:before,
.wcag_mediamessageflex .responsive-map:before,
.wcag_extendedediting .responsive-map:before {
  padding-bottom: 75%;
}

.shop-app .gr-accordion-container .AutoList h2 {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

.shop-app .gr-infogram {
  margin: 20px 0;
  background-color: rgb(16, 57, 86);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.shop-app .gr-infogram .right,
.shop-app .gr-infogram .left {
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.shop-app .gr-infogram .icon {
  font-size: 30px;
}
.shop-app .gr-infogram .text {
  color: #fff;
  position: relative;
  padding-top: 36px;
}
.shop-app .gr-infogram .text * {
  color: #fff;
  font-size: 1rem;
}
.shop-app .gr-infogram .text:before {
  content: "\f10e";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 28px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  top: 0;
  left: 50%;
}
@media screen and (min-width: 768px) {
  .shop-app .gr-infogram .left {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60px;
            flex: 1 1 60px;
  }
  .shop-app .gr-infogram .right {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 80px);
            flex: 1 1 calc(100% - 80px);
  }
}

.shop-app a[data-sp-asset=true],
.custom-layout-page a[data-sp-asset=true] {
  display: inline-block;
  margin: 0 0 12px 0;
}
.shop-app img[data-sp-image=true],
.custom-layout-page img[data-sp-image=true] {
  display: block;
  margin: 0 0 12px 0;
}
.shop-app figure img[data-sp-image=true],
.custom-layout-page figure img[data-sp-image=true] {
  margin-bottom: 0;
}
.shop-app .media-message-section,
.custom-layout-page .media-message-section {
  margin: 0 0 40px 0;
}
.shop-app .media-message-section a[data-sp-asset=true],
.custom-layout-page .media-message-section a[data-sp-asset=true] {
  margin: 0.125rem 0;
}
.shop-app .media-message-section .content p:last-child,
.custom-layout-page .media-message-section .content p:last-child {
  margin-bottom: 0;
}
.shop-app .media-message-section h2,
.custom-layout-page .media-message-section h2 {
  font-size: 1.125rem;
  margin-top: 0;
  margin-bottom: 8px;
}
.shop-app .media-message-section img,
.custom-layout-page .media-message-section img {
  margin: 0 0 8px 0;
}
.shop-app .media-message-section [data-gr-field=content] + img.gr-image-field,
.custom-layout-page .media-message-section [data-gr-field=content] + img.gr-image-field {
  margin-top: 10px;
}
.shop-app .media-message-section .leadtext,
.custom-layout-page .media-message-section .leadtext {
  font-weight: bold;
  margin-bottom: 0.75rem;
}
.shop-app .intro-leadtext,
.custom-layout-page .intro-leadtext {
  font-weight: bold;
  margin: 0 0 1rem 0;
}

.shop-app figure,
.custom-layout-page figure {
  margin-top: 20px;
  margin-bottom: 20px;
}
.shop-app figure h2,
.custom-layout-page figure h2 {
  margin-top: 20px;
  margin-bottom: 5px;
}
.shop-app figure img,
.custom-layout-page figure img {
  margin-bottom: 0;
}
.shop-app figure figcaption,
.custom-layout-page figure figcaption {
  font-size: 0.8125rem;
}
.shop-app .media-message-section figure h2,
.custom-layout-page .media-message-section figure h2 {
  margin-bottom: 5px;
}
.shop-app .media-message-section img:last-child,
.custom-layout-page .media-message-section img:last-child {
  margin-bottom: 0;
}
.shop-app .media-message-section figure img,
.custom-layout-page .media-message-section figure img {
  margin-bottom: 0;
}

.shop-app .gr-responsible-department,
.custom-layout-page .gr-responsible-department {
  margin-top: 0;
  margin-bottom: 15px;
}
.shop-app .gr-contacts,
.custom-layout-page .gr-contacts {
  margin-top: 15px;
  margin-bottom: 15px;
}
.shop-app .gr-contacts h2,
.custom-layout-page .gr-contacts h2 {
  margin-top: 10px;
  font-size: 1.125rem;
  margin-bottom: 2px;
}
.shop-app .gr-contacts ul,
.custom-layout-page .gr-contacts ul {
  margin-bottom: 0;
}

.shop-app .media-message-section .gr-photo-attachment,
.custom-layout-page .media-message-section .gr-photo-attachment {
  display: inline-block;
  margin-right: 10px !important;
}
.shop-app .media-message-section .gr-photo-attachment:last-child,
.custom-layout-page .media-message-section .gr-photo-attachment:last-child {
  margin-right: 0;
}

.shop-app .gr-infogram a,
.custom-layout-page .gr-infogram a {
  color: #fff;
}

.shop-app .gr-photo-area,
.custom-layout-page .gr-photo-area {
  margin-top: 20px;
}
.shop-app .gr-photo-area h2,
.custom-layout-page .gr-photo-area h2 {
  margin-top: 0;
  font-size: 1.125rem;
  margin-bottom: 5px;
}
.shop-app .gr-photo-area img,
.custom-layout-page .gr-photo-area img {
  margin-bottom: 10px;
}

/* end wcag_extendedediting */
.MessageBar {
  background-color: #f1a260;
  padding: 10px;
  position: relative;
  font-size: 0.825rem;
}
.MessageBar:after {
  content: "";
  display: table;
  clear: both;
}
.MessageBar h1 {
  color: #000;
  font-size: 0.9rem;
  margin: 0 0 4px 0;
  padding: 0;
  float: left;
  width: calc(100% - 150px);
  line-height: 30px;
}
.MessageBar h1:after {
  content: "";
  display: table;
  clear: both;
}
.MessageBar ul {
  clear: both;
  margin-bottom: 0;
  padding-bottom: 0;
}
.MessageBar ul li {
  margin: 0;
  padding: 0;
}
.MessageBar * {
  text-align: left;
}
.MessageBar .message-bar-close-button,
.MessageBar .message-bar-reopen-button {
  float: right;
  display: inline-block;
  padding: 0.5rem;
  font-size: 0.825rem;
  color: #fff;
  background-color: #a9550f;
  line-height: 1;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  cursor: pointer;
}
.MessageBar .message-bar-close-button:hover,
.MessageBar .message-bar-reopen-button:hover {
  background-color: #d86d13;
}
.MessageBar .message-bar-close-button a,
.MessageBar .message-bar-reopen-button a {
  color: #fff;
}
.MessageBar .message-bar-close-button a:hover,
.MessageBar .message-bar-reopen-button a:hover {
  text-decoration: none;
}

/* ../layout is deprecated (webpart context) - use app/layout */
.header {
  padding-bottom: 100px;
  min-height: 240px;
}

.body-row {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .body-row {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.shop-app .digital-product-property-form input[type=email],
.shop-app .digital-product-property-form input[type=text],
.shop-app .digital-product-property-form input[type=number],
.shop-app .digital-product-property-form select,
.shop-app .digital-product-property-form textarea {
  border: 1px solid #ced4da;
}
.shop-app .digital-product-property-form select {
  padding: 0.125rem 1.5rem 0.125rem 0.25rem;
}
.shop-app .digital-product-property-form input[type=email],
.shop-app .digital-product-property-form input[type=text],
.shop-app .digital-product-property-form input[type=number],
.shop-app .digital-product-property-form textarea {
  padding: 0.125rem 0.25rem;
  line-height: 1.5rem;
  height: 1.5rem;
}
.shop-app .digital-product-property-form input[type=checkbox] {
  margin-bottom: 0;
}
.shop-app .digital-product-property-form fieldset {
  border: 1px solid #ced4da;
  padding: 0.5rem;
  margin: 0 0 0.75rem 0;
}
.shop-app .digital-product-property-form fieldset legend {
  color: #495057;
  font-weight: bold;
  padding: 0 0.5rem;
  text-shadow: 0 0 0 transparent;
}

.header .language a {
  color: #fff;
}
.header .language a:active, .header .language a:visited, .header .language a:hover {
  color: #fff;
}
.header .language .e-portal-button a {
  color: #000;
}
.header .language .e-portal-button a:active, .header .language .e-portal-button a:visited, .header .language .e-portal-button a:hover {
  color: #000;
}

.shop-app .ECRegisterManageAccount input[type=text],
.shop-app .ECRegisterManageAccount input[type=email],
.shop-app .ECRegisterManageAccount input[type=number],
.shop-app .ECRegisterManageAccount input[type=password],
.shop-app .CheckOutWizardControl .Payment input[type=text],
.shop-app .CheckOutWizardControl .Payment input[type=email],
.shop-app .CheckOutWizardControl .Payment input[type=number],
.shop-app .CheckOutWizardControl .Payment input[type=password],
.shop-app .CheckOutWizardControl .Shipment .ec-resources-login-and-pwd-advanced input[type=text],
.shop-app .CheckOutWizardControl .Shipment .ec-resources-login-and-pwd-advanced input[type=email],
.shop-app .CheckOutWizardControl .Shipment .ec-resources-login-and-pwd-advanced input[type=number],
.shop-app .CheckOutWizardControl .Shipment .ec-resources-login-and-pwd-advanced input[type=password],
.shop-app .ec-resources-login input[type=text],
.shop-app .ec-resources-login input[type=email],
.shop-app .ec-resources-login input[type=number],
.shop-app .ec-resources-login input[type=password] {
  background-color: #fff;
}

.shop-app table.Cart .SumRow {
  background-color: #E6F0F8;
}
.shop-app div.Cart {
  overflow-x: auto;
}
@media (min-width: 992px) {
  .shop-app div.Cart {
    overflow: visible;
  }
}

.orderdetails .shop-app #ShopMainContent > table:last-child tr:hover td {
  background-color: inherit;
}

.orderdetails .shop-app table tr:hover tr.alternatingRow:hover td,
.orderdetails .shop-app table tr.alternatingRow:hover td {
  background-color: #e9ecef;
}
.shop-app .WebPart .ShopWebPart table tr:hover td,
.shop-app .WebPart .ShopWebPart table tr.alternatingRow:hover td {
  background-color: inherit;
}
.shop-app .WebPart .ShopWebPart table td,
.shop-app .WebPart .ShopWebPart table th {
  vertical-align: middle;
}
.shop-app .WebPart .ShopWebPart table input[type=text],
.shop-app .WebPart .ShopWebPart table textarea {
  border: 0.25rem solid #E6F0F8;
  line-height: normal;
  height: auto;
  padding: 0.25rem 0.5rem;
}
.shop-app table.Cart.no-alternating-row-class tr:nth-child(even) td,
.shop-app table.Cart .alternatingRow td,
.shop-app table.ShippingInfoTable.no-alternating-row-class tr:nth-child(even) td,
.shop-app table.ShippingInfoTable .alternatingRow td,
.shop-app .TotalAdresses table.no-alternating-row-class tr:nth-child(even) td,
.shop-app .TotalAdresses table .alternatingRow td,
.shop-app .Attributes table.no-alternating-row-class tr:nth-child(even) td,
.shop-app .Attributes table .alternatingRow td {
  background-color: transparent;
  border-color: transparent;
}
.shop-app table.Cart tr:hover td,
.shop-app table.ShippingInfoTable tr:hover td,
.shop-app .TotalAdresses table tr:hover td,
.shop-app .Attributes table tr:hover td {
  background-color: transparent;
  border-color: transparent;
}
.shop-app table td,
.shop-app table tr:hover td {
  background-color: inherit;
}
.shop-app table.Cart tr.ProductRow {
  border-top: 3px solid #E6F0F8;
}
.shop-app table.Cart tr.HeaderRow + tr.ProductRow {
  border-top: 0 none transparent;
}
.shop-app table td.PricePerUnit,
.shop-app table td.Total,
.shop-app table td.ExclTax,
.shop-app table td.InclTax,
.shop-app table td.CreditValue,
.shop-app table td.Units {
  text-align: right;
}
.shop-app table td.Units input {
  width: 3rem;
  text-align: right;
}

.footer a,
.footer a:active,
.footer a:visited,
.footer a:hover {
  color: #fff;
}

.CartProductShortDesc .BestätigungWohnsitz,
.CartProductShortDesc .TaxConfirmation,
.CartProductShortDesc .Bestätigung,
.CartProductShortDesc .Confirmation,
.CartProductShortDesc .PdfTemplateName,
.CartProductShortDesc .LicenseMailTemplateName,
.CartProductShortDesc .NamederVorlage,
.CartProductShortDesc .TemplateName {
  display: none !important;
}

.product-listing.home,
.product-listing.tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 -16px;
}
.product-listing.home .product,
.product-listing.tiles .product {
  margin-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.product-listing.home .product a,
.product-listing.tiles .product a {
  display: block;
  overflow: hidden;
}
.product-listing.home .product .image,
.product-listing.tiles .product .image {
  margin-bottom: 0.5rem;
}
.product-listing.home .product .image img,
.product-listing.tiles .product .image img {
  width: 100%;
  max-width: 100%;
}
.product-listing.home .product .title,
.product-listing.tiles .product .title {
  font-size: 1.25rem;
  margin-bottom: 0.55rem;
  display: block;
}
.product-listing.home .product .description,
.product-listing.tiles .product .description {
  display: block;
  margin-bottom: 10px;
}
.product-listing.home .product .product-number,
.product-listing.tiles .product .product-number {
  display: none;
}
.product-listing.home .product .price,
.product-listing.tiles .product .price {
  display: inline-block;
  font-weight: bold;
}

@media (min-width: 576px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1600px) {
  .product-listing.tiles .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 576px) {
  .product-listing.home .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .product-listing.home .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .product-listing.home .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1600px) {
  .product-listing.home .product {
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

/* cart - modern */
/* shopping cart modern - no tables please use with .ShoppingCartControlModern */
:root {
  --product-row-padding-bottom: 15px;
  --product-row-border-bottom: 1px solid #ccc;
  --product-row-margin-bottom: 10px;
  --product-image-with: 200px;
  --number-and-name-fs: 120%;
  --number-and-name-fw: 600;
  --number-and-name-margin-bottom: 10px;
  --units-input-border-bottom: 1px solid #cecccc;
  --product-image-width: 300px;
  --product-image-max-width: 100%x;
  --short-description-width: 100%;
  --additional-properties-width: 100%;
  --properties-border: 1px solid #ddd;
  --grid-gap: 5px 16px;
  --units-input-height: 40px;
  --input-border: 2px solid #cecccc;
  --product-row-grid-column-template: repeat(6, 1fr);
  --product-row-grid-template-rows: auto 1fr;
  --number-and-name-grid-area: 1 / 1 / 1 / 7;
  --description-and-properties-grid-area: 2 / 1 / last-line / 5;
  --units-and-tools-grid-area: 2 / 5 / last-line / 6;
  --units-and-tools-align-self: end;
  --price-grid-area: 2 / 5 / last-line / 7;
  --price-align-self: start;
  --sum-row-padding: 0;
  --description-and-properties-grid-template-columns: 1fr 2fr;
  --product-image-grid-row-start: span 2;
  --description-and-properties-grid-gap: 12px;
  --additional-properties-grid-column-start: 2;
  --total-min-width: 80px;
  --dl-font-size: 1rem;
}

.ShoppingCartControlModern .Cart {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ShoppingCartControlModern .Cart li.ProductRow {
  padding-bottom: var(--product-row-padding-bottom);
  border-bottom: var(--product-row-border-bottom);
  margin-bottom: var(--product-row-margin-bottom);
}
.ShoppingCartControlModern .Cart li.ProductRow .DescriptionAndProperties .ProductImage {
  width: var(--product-image-with);
}
.ShoppingCartControlModern .Cart li.ProductRow .DescriptionAndProperties .ProductImage img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .ShoppingCartControlModern .Cart li.ProductRow {
    display: grid;
    grid-template-rows: var(--product-row-grid-template-rows);
    grid-template-columns: var(--product-row-grid-column-template);
    gap: var(--grid-gap);
  }
  .ShoppingCartControlModern .Cart li.ProductRow .NumberAndName {
    grid-area: var(--number-and-name-grid-area);
  }
  .ShoppingCartControlModern .Cart li.ProductRow .DescriptionAndProperties {
    grid-area: var(--description-and-properties-grid-area);
    display: grid;
    gap: var(--description-and-properties-grid-gap);
    grid-template-columns: var(--description-and-properties-grid-template-columns);
  }
  .ShoppingCartControlModern .Cart li.ProductRow .DescriptionAndProperties .ProductImage {
    width: var(--product-image-width);
    /* float: left; */
    max-width: var(--product-image-max-width);
    grid-row-start: var(--product-image-grid-row-start);
  }
  .ShoppingCartControlModern .Cart li.ProductRow .DescriptionAndProperties .ShortDescription {
    width: var(--short-description-width);
    /* float: right; */
  }
  .ShoppingCartControlModern .Cart li.ProductRow .DescriptionAndProperties .AdditionalProperties {
    width: var(--additional-properties-width);
    grid-column-start: var(--additional-properties-grid-column-start);
  }
  .ShoppingCartControlModern .Cart li.ProductRow .UnitsAndTools {
    grid-area: var(--units-and-tools-grid-area);
    align-self: var(--units-and-tools-align-self);
  }
  .ShoppingCartControlModern .Cart li.ProductRow .Price {
    grid-area: var(--price-grid-area);
    align-self: var(--price-align-self);
  }
}
.ShoppingCartControlModern .Cart li.ProductRow .NumberAndName {
  font-weight: var(--number-and-name-fw);
  font-size: var(--number-and-name-fs);
}
.ShoppingCartControlModern .Cart li.ProductRow .NumberAndName {
  margin-bottom: var(--number-and-name-margin-bottom);
}
.ShoppingCartControlModern .Cart li.ProductRow .UnitsAndTools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ShoppingCartControlModern .Cart li.ProductRow .UnitsAndTools > div {
  margin-left: 20px;
}
.ShoppingCartControlModern .Cart li.ProductRow .UnitsAndTools > div:first-child {
  margin-left: 0;
}
.ShoppingCartControlModern .Cart li.ProductRow .UnitsAndTools .Units input {
  text-align: right;
  padding: 0;
  height: var(--units-input-height);
  line-height: var(--units-input-height);
  border-bottom: var(--units-input-border-bottom);
}
.ShoppingCartControlModern .Cart li.ProductRow .Price {
  text-align: right;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (min-width: 768px) {
  .ShoppingCartControlModern .Cart li.ProductRow .UnitsAndTools > div {
    margin-left: 10px;
  }
}
.ShoppingCartControlModern .Cart li.ProductRow .ProductNr,
.ShoppingCartControlModern .Cart li.ProductRow .PricePerUnit {
  display: none;
}
.ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties {
  margin: 0;
  padding: 0;
  font-size: var(--dl-font-size);
  list-style: none;
}
.ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties li {
  margin: 0.125rem 0;
}
@media (min-width: 992px) {
  .ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties {
    display: table;
    width: auto;
  }
  .ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties li {
    display: table-row;
  }
  .ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties li span {
    display: table-cell;
    padding: 3px;
    word-break: break-all;
  }
  .ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties li span.name {
    padding-left: 0;
  }
  .ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties li span.value {
    padding-right: 0;
  }
  .ShoppingCartControlModern .Cart li.ProductRow ul.additional-properties li span.separator {
    display: none;
  }
}
.ShoppingCartControlModern .Cart li.CreditRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.ShoppingCartControlModern .Cart li.CreditRow > div {
  margin-left: 20px;
}
.ShoppingCartControlModern .Cart li.CreditRow > div:last-child {
  min-width: var(--total-min-width);
  text-align: right;
}
.ShoppingCartControlModern .Cart li.SumRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  font-weight: bold;
  padding: var(--sum-row-padding);
}
.ShoppingCartControlModern .Cart li.SumRow div {
  margin-left: 20px;
}
.ShoppingCartControlModern .Cart li.SumRow > div.Total {
  min-width: var(--total-min-width);
  text-align: right;
}
.ShoppingCartControlModern .Cart li.SumRow .Remove {
  display: none;
}

.ShoppingCartControlModern .Cart ul.additional-properties li.Confirmation, .ShoppingCartControlModern .Cart ul.additional-properties li.PatentDateStart, .ShoppingCartControlModern .Cart ul.additional-properties li.PdfTemplateName, .ShoppingCartControlModern .Cart ul.additional-properties li.LicenseMailTemplateName {
  display: none !important;
}

/* checkout modern */
@media (min-width: 768px) {
  .ShoppingCartControlModern .TotalAdresses {
    display: grid;
    grid-row: auto;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }
}
.ShoppingCartControlModern .TotalAdresses .BillingAddressTitle,
.ShoppingCartControlModern .TotalAdresses .ShipmentAddressTitle {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
  color: #0069B4;
}
.ShoppingCartControlModern .TotalAdresses ul.TotalAdressesSubList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  font-size: 0.825rem;
}
.ShoppingCartControlModern .TotalAdresses ul.TotalAdressesSubList li {
  display: table-row;
}
.ShoppingCartControlModern .TotalAdresses ul.TotalAdressesSubList li span {
  word-break: break-word;
}
.ShoppingCartControlModern .TotalAdresses ul.TotalAdressesSubList li > span {
  padding: 2px 10px 2px 0;
  display: table-cell;
}
.ShoppingCartControlModern .TotalAdresses ul.TotalAdressesSubList li > span:last-child {
  padding-right: 0;
}

.ShoppingCartClient ul,
.shoppingcart-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ShoppingCartClient ul li.product,
.shoppingcart-container ul li.product {
  display: grid;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
@media (min-width: 768px) {
  .ShoppingCartClient ul li.product,
  .shoppingcart-container ul li.product {
    display: inline-grid;
    grid-template-rows: auto;
    grid-template-columns: 80% 20%;
  }
  .ShoppingCartClient ul li.product .block-1,
  .shoppingcart-container ul li.product .block-1 {
    grid-area: 1/1/1/1;
  }
  .ShoppingCartClient ul li.product .block-2,
  .shoppingcart-container ul li.product .block-2 {
    grid-area: 1/2/1/2;
    text-align: right;
  }
  .ShoppingCartClient ul li.product .block-1 .inner,
  .shoppingcart-container ul li.product .block-1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 0 -6px;
  }
  .ShoppingCartClient ul li.product .block-1 .inner .number-and-name,
  .shoppingcart-container ul li.product .block-1 .inner .number-and-name {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    padding: 0 6px;
  }
  .ShoppingCartClient ul li.product .block-1 .inner .product-image,
  .shoppingcart-container ul li.product .block-1 .inner .product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
            flex: 0 1 20%;
    padding: 0 6px;
  }
  .ShoppingCartClient ul li.product .block-1 .inner .description,
  .shoppingcart-container ul li.product .block-1 .inner .description {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    padding: 0 6px;
    word-break: break-all;
  }
  .ShoppingCartClient ul li.product .block-1 .inner .units-and-tools,
  .shoppingcart-container ul li.product .block-1 .inner .units-and-tools {
    padding: 0 6px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
            flex: 0 1 30%;
    -ms-flex-item-align: end;
        align-self: end;
  }
}

.price {
  font-weight: bold;
  text-align: right;
}

ul.properties {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: var(--dl-font-size);
  list-style: none;
  border: var(--properties-border);
  display: table;
  width: auto;
}
ul.properties li {
  display: table-row;
}
ul.properties li span {
  display: table-cell;
  padding: 1px 3px;
  word-break: break-all;
}
@media (min-width: 992px) {
  ul.properties li span {
    padding: 3px 6px;
  }
}

.number-and-name {
  font-weight: 700;
  margin-bottom: 12px;
}

.default-price-per-unit {
  margin: 4px 0 10px;
}
.default-price-per-unit span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.default-price-per-unit .currency {
  margin-right: 5px;
}

.units-and-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 10px;
}
.units-and-tools .delete {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.units-and-tools .delete a.button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.units-and-tools .units {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.units-and-tools .units input {
  text-align: right;
  padding: 0;
  height: var(--units-input-height);
  line-height: var(--units-input-height);
  border-bottom: var(--units-input-border-bottom);
  width: 60px;
}

.properties .prop-bestaetigung,
.properties .prop-pdftemplatename,
.properties .prop-name-der-vorlage,
.properties .prop-statistik,
.properties .prop-stats,
.properties .prop-confirmation,
.properties .prop-pdftemplatename,
.properties .prop-template-name {
  display: none;
}

.product-details-cart .cart-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-details-cart .cart-content > * {
  margin-right: 16px;
}
.product-details-cart .cart-content .units label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.product-details-cart input[type=text],
.product-details-cart input[type=number] {
  background: transparent;
  border: var(--input-border);
  text-align: right;
  padding: 0.5rem;
}
.product-details-cart input[type=text]:focus,
.product-details-cart input[type=number]:focus {
  border-color: #0069B4;
}

.Attributes div.product-nr,
.Attributes div.title,
.Attributes div.short-description,
.Attributes div.external-link,
.Attributes div.delivery-time {
  margin-bottom: 8px;
}
.Attributes div.product-nr span,
.Attributes div.title span,
.Attributes div.short-description span,
.Attributes div.external-link span,
.Attributes div.delivery-time span {
  display: block;
}
@media (min-width: 768px) {
  .Attributes div.product-nr,
  .Attributes div.title,
  .Attributes div.short-description,
  .Attributes div.external-link,
  .Attributes div.delivery-time {
    display: table-row;
  }
  .Attributes div.product-nr span,
  .Attributes div.title span,
  .Attributes div.short-description span,
  .Attributes div.external-link span,
  .Attributes div.delivery-time span {
    display: table-cell;
    padding: 5px 10px 5px 0;
  }
}

.Specifications {
  margin-bottom: 20px;
}

.TotalAdresses [class$=AddressTitle] {
  font-weight: bold;
  color: #0069B4;
}

ul.TotalAdressesSubList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  font-size: 0.825rem;
}
ul.TotalAdressesSubList li {
  display: table-row;
}
ul.TotalAdressesSubList li span {
  word-break: break-word;
}
ul.TotalAdressesSubList li > span {
  padding: 2px 10px 2px 0;
  display: table-cell;
}
ul.TotalAdressesSubList li > span:last-child {
  padding-right: 0;
}
ul.TotalAdressesSubList li.PaymentCompany, ul.TotalAdressesSubList li.PaymentFax {
  display: none;
}

/* OrderList (in profile) remains a table */
.OrderList table th:last-child,
.OrderList table td:last-child {
  text-align: right;
}