@font-face {
	font-family: "BradleyHandITC";
	src: url("../fonts/bradleyhanditc2.woff") format("woff"), /* Modern Browsers */
	url("../fonts/bradleyhanditc2.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}


#container_laufband{
	display: block;
	background:#95A2B0;
	width:100%;
	height:100%;
	margin:0px;
	margin-top:30px;
	padding:0px;
}

.hinweis_klicken{
	position: fixed;
	top: 40px;
	height:auto;
	width:100%;
	background:#CCD2D9;
	border:1px solid #CCD2D9;
	padding:5px;
	text-align:center;
}

/*
.hinweis_klicken{
	height:auto;
	background:#CCD2D9;
	border:1px solid #CCD2D9;
	padding:5px;
	
}
*/

.bildreihe{
	background:#E5E5E5;
	margin:8px;
	border:20px solid #fff;
	text-align:center;
}

.artikelreihe{
	display: block;
	margin:8px;
	margin-top:-6px;
	background:#fff;
	padding:3px;
}

.pro_artikel{
	display: block;
	width:auto;
	height:auto;
	margin-top:3px;
	margin-bottom:3px;
	border:2px solid #CCD2D9;
	padding:5px;
	font-family: "BradleyHandITC";
	font-weight:bold;
	font-size:130%;
	
}

.pro_artikel > img{margin:auto;margin-top:5px;border:2px solid #95A2B0;}

.anker{position:relative;top:-70px;width:0px;height:0px;}

.artikelnummer {	font-weight:bold;color:blue;}
.artikel_name {font-weight:bold;margin-right:15px;}
.artikel_preis{font-weight:bold;color:blue;}

b.angehakt {color:#009B00;font-size:100%;}
div.artikel_groesse{display:inline-block;width:auto;margin-right:3px;font-weight:bold;}
span.artikel_anzahl{color:blue;font-weight:bold;}


a.rein_b:link , a.rein_b:active , a.rein_b:visited 
{
height:auto;
width:auto;
text-decoration:none;
font-size:100%;
color:blue;
font-weight:bold;
background:#E5E5E5; 
padding:3px 7px 3px 7px;
margin:5px 0px 3px 0px;
border:2px outset #000;
border-radius:8px;
}
a.rein_b:hover {opacity:0.7;}

a.rein:link , a.rein:active , a.rein:visited 
{height:auto;width:auto;text-decoration:none;font-size:100%;color:blue;font-weight:bold;
padding-top:0px;margin-left:0px;margin-top:0px;}
a.rein:hover {opacity:0.7;}


a.raus_b:link , a.raus_b:active , a.raus_b:visited 
{
height:auto;
width:auto;
text-decoration:none;
font-size:100%;
color:red;
font-weight:bold;
background:#E5E5E5;
padding:3px 7px 3px 7px;
margin:5px 0px 3px 0px;
border:2px outset #000;
border-radius:8px;
}
a.raus_b:hover {opacity:0.7;}

a.raus:link , a.raus:active , a.raus:visited 
{height:auto;width:auto;text-decoration:none;font-size:100%;color:red;font-weight:bold;
padding-top:0px;margin-left:0px;margin-top:0px;}
a.raus:hover {opacity:0.7;}

h1.header_artikel{
  background:#95A2B0;
  padding-top:0.4em;
  padding-left:0.2em;
  font-size:1.2em;
  height:auto;
  font-weight:bold;	
}

/* artikelübersicht */
div.flex_uebersicht_reihe{
   display:block;
   padding:10px;
   max-width:350px;
}

/*
div.flex_uebersicht_artikel{
   display:block;
   width:100%; 
   border:1px solid blue;
   margin:auto;
   margin-top:3px;
}
*/

div.flex_uebersicht_artikel{
	display:flex;
   flex-direction:row;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: flex-start;
   justify-content: flex-start;
   width:100%; 
   margin:auto;
   margin-top:3px;
   border:1px solid blue;
}

div.flex_uebersicht_artikel > div.artikel_block
{width:70%;height:auto;padding:0.3%;margin:0.2%;text-align:right;padding:5px;}
div.flex_uebersicht_artikel > div.thumb_block
{
	width:30%;height:auto;padding:0.3%;margin:10px;
}

.weiter_button{
  display:inline-block;
  height:auto;
  width: auto;
  font-weight:bold;
  font-size:0.9em;
  white-space:nowrap;
  color:#3C3F2C;
  background-color:#EAEAEA;
  text-decoration:none;
  text-align:center;
  padding:5px;
  margin-bottom:5px;
  border:2px outset #3C3F2C;
  border-radius:5px;
}

div.artikel_block > div.stueckzahl_eingabe{
	border:1px solid #000;height:auto;padding:3px;text-align:left;margin-top:3px;
}


div.kachelcontainer{
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	border:2px solid red;
}

div.einzelkachel{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	/*width:339px;*/
	/*width:259px;*/
	width:100%;
	height:auto;
	border:1px solid #525252;
	margin:9px;
	padding:2px;
	background:#fff;
	border-radius:10px;
	text-align:center;
} 

div.einzelkachel> h2{
	width:100%;
	text-align:center;
	color:red;
}

/*   für die HOME-Seite  */
div.kachel_homesite{
	/*
	width:330px;
	height:305px;
	*/
}

div.startseite_katalog_reihe{
	display: -webkit-box;      
	display: -moz-box;         
	display: -ms-flexbox;      
	display: -webkit-flex;     
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
	
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background:transparent;
}

div.startseite_katalog_reihe > div.einzelcontainer{
	border:1px solid #525252;
	margin:2px;
	padding:2px;
	background:#fff;
	/*border-radius:10px;*/
	text-align:center;
	width:100%;
	max-width:660px;
}

div.txt_klick{
	background:#666666;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	margin:5px;
	padding:3px;
	border:0px solid white;
}

div.klicktext_X{
	position: fixed; width:300px; height:20px; background: red; 
}