.preisschildcontainer {
	position:fixed; 
	right:20px; 
	bottom: 20px; 
	/*z-index: 10000;*/
	z-index: 3; 
	background-color:white; 
	border:1px solid black;
	width:220px;
	padding:10px;
	text-align: center;
}

#gesamtdiv {
	background-color:#e30613;
	border-radius:20px;
}

.preisschildueberschrift {
	color:white; 
	float:right; 
	margin:5px; 
	margin-right:15px;
	font-size:1.5rem;
}

.preisschildunterueberschrift {
	color:white; 
	float:right; 
	font-size: 1rem;
	margin-right:15px;
}

.preisschildtrennlinie {
	color:white; 
	margin: 0 5px; 
	margin:12px 0px 5px;
}

.stattpreiscontainer {
	width:95%; 
	display:block; 
	padding: 3px 0px; 
	border-radius:8px; 
	text-align:right;
	margin:0 7px;
}

.stattpreiscontainerchild {
	color:white; 
	font-size: 1rem; 
	margin: 5px;
}

.stattpreiscontainerchild2 {
	font-size:1.7rem;
}

.stattpreiscontainerchild3 {
	font-size: 2.1rem; 
	text-decoration:line-through;
}

.nurpreiscontainer {
	width:95%; 
	display:block; 
	padding: 3px 0px; 
	border-radius:8px;
	background-color:#feec38;
	text-align:right;
	margin:0 7px;
}

.nurpreiscontainerchild {
	color:black; 
	font-size: 1rem; 
	margin: 5px;
}

.nurpreiscontainerchild2 {
	font-size:1.7rem;
}

.nurpreiscontainerchild3 {
	font-weight: 700; 
	font-size: 2.1rem;
}

.preisschildwarenkorbbutton {
	width:165px; 
	margin-right: 3px; 
	float:right;
	background-color:#e30613; 
	color:white; 
	margin-top: 8px; 
	padding: 3px; 
	border-radius: 8px; 
	text-align: center;
	font-size: 1.5rem;
	cursor: pointer;
}

@media only screen and (min-width: 1670px) {
	#preisschildcontainer{
		right: 200px;
	}
}


/****Preisschild für Handy***/
.kleinerPreis_div {
	transition: 1s;
	background: rgb(237, 28, 37);
	padding: 5px;
	font-size: 20px;
	right: 0px;
	bottom: 70px;
	position: fixed;
	display: none;
	color: white;
	border-radius: 10px 0 0 10px;
	z-index: 100;
    
}

.arrows {
  border: solid white;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px;
}

.arrows.left{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 5px;
}

.arrows.right{
    transform: rotate(-45deg)!important;
    -webkit-transform: rotate(-45deg)!important;
    margin-right: 10px!important;
}

@media screen and (max-width: 600px) {
	.kleinerPreis_div {
		display: block;
	}
	#gesamtdiv {
		transition: 1s;
		right: -250px;
	}

	#preisschildcontainer{
		transition: 1s;
		/*right: -260px;*/
		right: -240px;
	}
}