.grabbable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.card-slider {
  height: 204px; }

.splide {
  padding: 0 5px 0 5px; }

.splide__arrow {
  position: absolute;
  z-index: 1;
  top: 110%; }

.splide__arrow--prev {
  left: calc(43% - 17px); }

.splide__arrow--next {
  right: calc(43% - 17px); }

.splide__pagination {
  display: block; }

.splide__list {
  align-items: center; }

.card {
  display: flex;
  align-items: center;
  height: 160px;
  background-color: white;
  font-size: 14px;
  font-family: emoji;
  cursor: pointer; }

.card .card-head {
  flex: 0 0 auto; }

.card .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 8px;
  max-width: 120px; }

.horizontal {
  flex-flow: row nowrap; }

.horizontal .card-head {
  height: 100%; }

.horizontal .card-head img {
  max-height: 100%; }

.horizontal .card-body {
  width: 50%;
  height: 100%; }

.vertical {
  display: block !important;
  flex-flow: column nowrap;
  max-width: 100%; }

.vertical .card-head {
  height: 50%; }

.vertical .card-head img {
  max-height: 100%;
  max-width: 100%; }

.vertical .card-body {
  width: 100%;
  height: 50%;
  margin: auto; }

.card-title {
  padding: 0;
  margin: 3px;
  color: blue;
  font-weight: bold; }

.material-style {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12); }

.material-style:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.card-links {
  line-height: 2.1; }

.orig-preis {
  text-decoration: line-through;
  color: red; }

@media only screen and (min-width: 320px) {
  .splide {
    padding: 0 10px 0 10px; } }

@media only screen and (min-width: 662px) {
  .splide {
    padding: 0 40px 0 40px; }
  .splide__arrow {
    position: absolute;
    z-index: 1;
    top: 40%; }
  .splide__arrow--prev {
    left: 0; }
  .splide__arrow--next {
    right: 0; }
  .splide__pagination {
    display: block; } }