main {
position : relative;
}
.product_wrapper {
float : left;
padding : 10px;
text-align : center;
}
.product_wrapper:hover {
box-shadow : 0 0 0 2px #e5e5e5;
cursor : pointer;
}
.product_wrapper .name {
font-weight : bold;
}
.product_wrapper .buy {
text-transform : uppercase;
background : #F68B1E;
border : #F68B1E solid 1px;
cursor : pointer;
color : #fff;
padding : 8px 40px;
margin-top : 10px;
}
.product_wrapper .buy:hover {
background : #f17e0a;
border-color : #f17e0a;
}
.message_box .box {
margin : 10px 0;
border : #2b772e solid 1px;
text-align : center;
font-weight : bold;
color : #2b772e;
}
.table td {
border-bottom : 1px solid #F0F0F0;
padding : 10px;
}
.cart_div {
float : right;
font-weight : bold;
position : relative;
}
.cart_div a {
color : red;
}
.cart_div span {
font-size : 12px;
line-height : 14px;
background : #F68B1E;
padding : 2px;
border : #fff solid 2px;
border-radius : 50%;
position : absolute;
top: -1px;
left : 13px;
color : #fff;
width : 14px;
height : 13px;
text-align : center;
}
.cart .remove {
background : none;
border : none;
color : #0067ab;
cursor : pointer;
padding : 0;
}

#navibereich li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufz�hlungszeichen entfernen */
}
#navibereich {
  /*background-color: #F7FFC3;         Hintergrundfarbe f�r die Navigation */ 
  padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  /*border-top: 3px solid #668BCC;     Rahmenlinie oben */
 /* border-bottom: 3px solid #668BCC; /* Rahmenlinie unten */
  margin: 1;                        /* Keinen Au�enabstand */ 
}
 a.button{
 display:inline-block;
 list-style-type: none; 
 padding:0.3em 1.0em;  /*ButtonGr��e*/
 margin:0 0.3em 0.3em 0;
 border-radius:2px;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 background-color:#4eb5f1;
 text-align:center;
 transition: all 0.2s;
}
a.button:hover{
 background-color:#c6129c;
}

.button3{
	display:inline-block;
	margin:20px;
	text-decoration:none;
	font-family:Arial;
	font-size:16px;
	border:1px solid #D81E00;
	border-radius:50%;
	color:#fff;
	background-color:#EE4124;
	width:100px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	padding-top:40px;
	overflow:hidden;
	font-weight:bold;
	box-shadow:inset 3px 3px 4px #D81E00;
	text-shadow:0px 0px 4px #AE1900;
}
.button3:hover{
	background-color:#D81E00;
	border-color:#AE1900;
	box-shadow:inset 3px 3px 7px #AE1900;
} 

 .flexbox-panel {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-start;
     align-items: left;
     align-content: center;
}

.flexbox-item {
     flex: 0 1 auto;
}

.flex-item:nth-child(1) {
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
}

.flex-item:nth-child(2) {
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: auto;
}