.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
  stroke-width: 3;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 60px #7ac142;
  }
}

.bestellung_erfolgreich{

	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:#343a40;
	z-index:99999;
	text-align:center;
	
}

.bestellung_erfolgreich_bild{
	
	

	
}

.vielenDank{
	font-weight:600px;
	letter-spacing:1px;
	color:#7ac142 !important;
	font-size:36px;
	
	
}


.info_text{
	

	font-size:22px;
	color:rgb(255,255,255,0.8);
	margin-top:45px;
	
}






a{
	
	text-decoration:none;
	
}

* {
      touch-action: manipulation;
  }

body,html{

	margin:0;
	background:#343a40;
	touch-action: manipulation;
	font-family: 'Oswald', sans-serif;



}



.menu_bar{

	position:absolute;
	top:10px;
	left:10px;
	color:rgb(255,255,255,0.8);
	font-size:22px;
	
	
}

.content{

	width:100%;
	padding:20px;
	box-sizing:border-box;
	margin-top:30px;
	touch-action: manipulation;

}

.border_top{

	width:100%;
	height:3px;
	background:#ef5350;
	position:fixed;
	top:0;


}


.willkommen{

	letter-spacing:1px;
	color:white;
	font-weight:200;
	font-size:26px;
	width:100%;
	text-align:center;


}

.restaurant_name{

	letter-spacing:1px;
	color:white;
	font-weight:400;
	font-size:26px;
	width:100%;
	text-align:center;


}


.bestellen_div{

	width:100%;
	height:100px;
	background:white;
	border-radius:4px;
	margin-bottom:20px;
	text-align:center;
	touch-action: manipulation;



}

.margin_divs{

	margin-top:40px;

}



.bezahlen_div{

	float:left;
	width:50%;

	padding:0 10px 0 0;
	box-sizing:border-box;
	height:150px;
	touch-action: manipulation;


}


.service_div{

	float:left;
	width:50%;
	touch-action: manipulation;

	padding:0 0 0 10px;
	box-sizing:border-box;
	height:150px;


}

.bezahlen_div_inner{

	width:100%;
	height:100%;
	background:white;
	border-radius:4px;
	position:relative;


}


.bestellen_icon{

	font-size:44px;
	line-height:100px;
	text-align:center;

	margin-right:10px;
	color:#343a40;

	height:100px;
	box-sizing:border-box;



}


.bestellen_text{

	font-size:34px;
	letter-spacing:1px;
	color:#343a40;
	font-weight:400;
	line-height:100px;
	height:100px;

	text-align:center;
	box-sizing:border-box;



}



.euro_icon{

	width:100%;
	color:#343a40;
	font-size:70px;
	text-align:center;



}


.bezahlen_text{

	width:100%;
	text-align:center;
	font-size:22px;
	letter-spacing:1px;
	color:#343a40;
	position:absolute;
	bottom:10px;


}

.break{

	clear:both;
	
}


.powered_by{

	color:white;
	font-weight:200;
	font-size:15px;
	width:100%;
	text-align:center;
	margin-top:80px;
	font-style:italic;



}


.scan_2_order{
	
		color:white;
	font-weight:300;
	margin-top:-10px;
	font-size:20px;
	width:100%;
	text-align:center;
	letter-spacing:1.5px;
	
	
	}

.my2{
	
	color:#ef5350 !important;
	font-weight:400 !important;
	padding:2px;
	font-size:26px !important;
	
}


.unten{
	
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
}