.scrolling-wrapper {

  overflow-x: scroll;

  overflow-y: hidden;

  white-space: nowrap; 

  -webkit-overflow-scrolling: touch;

} 

   

.card {

  border: red;    

  background: transparent;

  display: inline-block;

}

  

.container .content_top {

  position: absolute;

  top: 5px;

  left: 5px

}

  

.container .content_bottom {

  position: absolute;

  bottom: 5px;

  right: 5px;

}

  

.container .content_bottom_left {

  position: absolute;

  bottom: 5px;

  left: 5px;

}

  

.vertical-text {

  transform: rotate(270deg);

  position: absolute;	

  bottom: 100px;

  left: -20px;

}

  .wrapper {

  display: flex;

  width: calc(100% - 250px);

  height: 100%;

	align-items: stretch;

}

.wrapper.active {

  display: flex;

  width: 100%;

  height: 100%;

	align-items: stretch;

}

#sidebar {

  min-width: 250px;

  max-width: 250px;

	min-height: 0px;

	position: fixed;

	right: 0px;

	top: 0px;

	margin-top: 60px;

	background-color: whitesmoke;

	padding-left: 10px;

  padding-top: 10px;

}

#sidebar.active {

  margin-right: -280px;

}

.col.centered {

  align-self: center;

  text-align: center;

}

.centered {

  align-self: center;

  text-align: center;

}

.badge.shoppingcart {

  width: 230px;

  height: 70px;

  background-color: white;

  color: black;

  position: relative;

}

.badge.shoppingcart.checkout {

  width: 230px;

  height: 50px;

  background-color: deepskyblue;

  position: relative;

  margin-bottom: 10px;

}

.warenkorbActive {

  color: deepskyblue;

}

.cam_pics {

  padding: 1px;

  max-width: 100%;

  height: auto;

}

.lds-roller {

  display: inline-block;

  position: relative;

  width: 80px;

  height: 80px;

}

.lds-roller div {

  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;

  transform-origin: 40px 40px;

}

.lds-roller div:after {

  content: " ";

  display: block;

  position: absolute;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #fff;

  margin: -4px 0 0 -4px;

}

.lds-roller div:nth-child(1) {

  animation-delay: -0.036s;

}

.lds-roller div:nth-child(1):after {

  top: 63px;

  left: 63px;

}

.lds-roller div:nth-child(2) {

  animation-delay: -0.072s;

}

.lds-roller div:nth-child(2):after {

  top: 68px;

  left: 56px;

}

.lds-roller div:nth-child(3) {

  animation-delay: -0.108s;

}

.lds-roller div:nth-child(3):after {

  top: 71px;

  left: 48px;

}

.lds-roller div:nth-child(4) {

  animation-delay: -0.144s;

}

.lds-roller div:nth-child(4):after {

  top: 72px;

  left: 40px;

}

.lds-roller div:nth-child(5) {

  animation-delay: -0.18s;

}

.lds-roller div:nth-child(5):after {

  top: 71px;

  left: 32px;

}

.lds-roller div:nth-child(6) {

  animation-delay: -0.216s;

}

.lds-roller div:nth-child(6):after {

  top: 68px;

  left: 24px;

}

.lds-roller div:nth-child(7) {

  animation-delay: -0.252s;

}

.lds-roller div:nth-child(7):after {

  top: 63px;

  left: 17px;

}

.lds-roller div:nth-child(8) {

  animation-delay: -0.288s;

}

.lds-roller div:nth-child(8):after {

  top: 56px;

  left: 12px;

}

@keyframes lds-roller {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



.text.tilt {

  transform-origin: top left;

  transform:rotate(-90deg);

}