/********************************************************************************************************************/
/* Style für Haupteinstellungen */

@font-face { 
	font-family: 'Germania One';
	src: url('../font/GermaniaOne-Regular.ttf') format('truetype'); 
}
			 
html {
	/*padding: 10px 0.4% 10px;*/
/*	background: url(../img/vlfrvg.jpg) no-repeat center center fixed; 	*/			/*Bild bedeckt immer, auch bei Zoom, den ganzen Bereich!*/
	background: url(../img/metal-bck-big.jpg) no-repeat center center fixed; 		/*Bild bedeckt immer, auch bei Zoom, den ganzen Bereich!*/
/*	background: url(../img/rost.jpg) no-repeat center center fixed; 	*/			/*Bild bedeckt immer, auch bei Zoom, den ganzen Bereich!*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	background-color:#000;															/*Falls Hintergrundbild nicht verfügbar ist!*/
}

body {
	/*background: #000;*/								/*Absolut äußerer Rand Schwarz - alt #FFFFFF;*/
	font-family: 'Germania One';
	/*font-family: Helvetica, Verdana, sans-serif;*/
	margin: 0 auto;
	font-size: 0.75em;
	color: #FFFFFF;										/*Standard Textfarbe weiß - alt #535353;*/
}

* {														/*Global Reset*/
	-webkit-box-sizing: border-box;						/*Safari/Chrome, other WebKit Firefox, other Gecko*/
	-ms-box-sizing: border-box;							/*Microsoft*/
	-o-box-sizing: border-box;							/*Opera*/
	box-sizing: border-box;								/*Opera/IE 8+*/
}

a {
	text-decoration: none;								/*Keine Unterstriche usw.*/
}

/********************************************************************************************************************/
/* Style - kleine Navigationsleite ganz oben rechts - Login usw. */

div#wrapperMenue {
	width:100%;
	height:30px; 										/* height of the background image? */
	/*border: 1px solid red;*/							/*für Test*/
}

div#wrapperMenue ul#header-top li {
	float: right;
	list-style-type: none;
	padding: 0px 10px;
	border-left: 1px #ACACAC solid;
	height: 20px;
	margin:0 auto;
}

div#wrapperMenue ul#header-top li:last-child {
	border: none;
}

/********************************************************************************************************************/
/* Style - Kopf - Logo - Anfang */

div#wrapperHeader {
	width:100%;
	height:300px; 													/* height of the background image? */
	margin: 0 0 20px 0;												/*Abstand vom Logo nach unten*/
	/*background:url("../img/metal-bck-big.jpg") repeat-x 0 0;*/	/*Falls erwünscht - Hintergrundbild*/
	text-align:center;
	border: 1px solid yellow;		*/							/*für Test*/
}

div#wrapperHeader div#header {
	width:100%;
	height:300px;
	margin:0 auto;
/*	padding: 3px 3px 3px 3px;		*/					/*für Test*/
/*	border: 1px solid green;		*/					/*für Test*/
}

div#wrapperHeader div#header img {
	width:600px; 										/* the width of the logo image */
	height:300px; 										/* the height of the logo image */
	margin:0 auto;
}

/********************************************************************************************************************/
/* Style für Content */

main {
	float: left;
	width: 100%;													/*Wichtig !! Breite der ganzen Seite*/
	min-height:95vh;
	margin: 0 0 0px 0;												/*Kleine Abstand zum Footer!*/
	-webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset, 0 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 80px rgba(0, 0, 0, 0.1) inset, 0 3px 1px rgba(0, 0, 0, 0.15);
}

article {
	padding: 10px;
	width: 100%;			/* HH !! 80%*/
	float: right;
}

/********************************************************************************************************************/
/* Style - Grundlayout */

.footer {
	clear:both;
    color: grey;
    padding:5px 5px;
	height:50px;
    background: #000 url(../img/metal-bck-foot.jpg) no-repeat left top;				/*Bild bedeckt Footer, auch bei Zoom, den ganzen Bereich!*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	background-color:#000;															/*Falls Hintergrundbild nicht verfügbar ist!*/
}

.column {														/*Komplette Bildschirmbreite!!*/
    float: left;
    padding: 15px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.content {
    width: 100%;
}

/********************************************************************************************************************/
/* Style Standardeinstellungen */

h1 {
	font-size: 1.75em;
	font-weight: normal;
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;
	padding-left: 15px;
	color:#FFF; 						
	border-left: 5px solid #C00;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;
	padding-left: 15px;
	color:#FFF;
	border-left: 5px solid #C00;
}

h3 {
	font-size: 1.25em;
	font-weight: normal;
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;
	padding-left: 15px;
	color:#FFF;
	border-left: 5px solid #C00;
}

h4 {
	font-size: 1em;
	font-weight: normal;
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;
	padding-left: 15px;
	color:#FFF;
	border-left: 5px solid #C00;
}

h1 span {
	font-size: 0.70em;
	color: #818181;
	text-transform: none;
}

h2 span {
	font-size: 0.70em;
	color: #818181;
	text-transform: none;
}

p {
	text-align: left;
	line-height: 1.6em;
	padding: 20px 0px;
}

a {
	color:#FF8040;							/*Alle Links mit dieser Farbe - orange*/
	padding: 4px 4px;
	outline: none;
	text-decoration: none;
}

a:link { 
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;
	color: #FF8040;							/*orange*/
}  

a:hover {
	color:#ccc;								/*grau*/
	text-decoration: none;
}

a:focus {
	outline: none;
}

a.more {
	float: right;
	font-weight: bold;
}

a.more:hover {
	color:#535353;							/*dunkelgrau*/
}

a.more:after {
	content: " \2192 ";
	font-size: 1.2em;
	font-weight: bold;
}

ul.square {
	list-style-type: decimal;
	color: #999999;
	margin: 25px 0 0 13px;
	font-size: 1.2em;	
	font-weight: bold;
}

ul.square li {
	padding: 10px;
}

/*DL, DT, DD Datenliste*/

dl {
	margin-bottom: 50px;
}

dl dt {
	float: left;
	font-weight: bold;
	margin-right: 5px;
	padding: 5px;
	width: 140px;
}

dl dd {
	margin: 2px 0;
	padding: 5px 0;
}

/********************************************************************************************************************/
/* Definitionen Inhalte */

section#intro {
	width: 100%;
	padding: 50px 10px 0px 10px;
	float: left;
	font-size: 1.2em;	
}

section#intro p{
	width: 100%;
	padding: 1px 2%;
	float: left;
}

section.spalte {
	width: 50%;
	padding: 10px 2%;
	float: left;
}

section p img {
	float: left;
	margin: 0 10px 10px 0;
}

section#intro .hintergrund {
	background-color:#000;
	border: 10px solid #333;
	opacity: 0.8;
	filter: alpha(opacity=80); 	/*für ältere IE Browser*/	
	padding:5px 20px 25px 20px;
	margin:0 0 20px 0;
/*	z-index:100;*/
}

section#intro .inhalt {
	padding:15px 0 25px 25px;
}

section#intro .inhalt_smal {
	font-size: 16px;
	text-align:justify;
	padding:15px 0 25px 25px;
}

/********************************************************************************************************************/
/* Style - Sonstige Definitionen */

.text_cnt {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

.magenta {																/*drin lassen!!*/
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #cc0066;
}

.gruen {																/*drin lassen!!*/
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#090;
}

.rot {																	/*drin lassen!!*/
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#F00;
}

.rahmen_shdw{
	display:inline-block;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 18px;
	width:100%;
	padding: 1.0em 1.0em 1.0em 1.0em;
	margin: 1.0em 0.0em 1.0em 0.0em;
	border-collapse:collapse;
	-webkit-box-shadow: 0px 0 8px rgba(250, 0, 0, 0.5) inset;
	box-shadow: 0px 0 8px rgba(250, 0, 0, 0.5) inset;	
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
}

.rahmen_shdw1{
	display:inline-block;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 14px;
	width:100%;
	padding: 1.0em 1.0em 1.0em 1.0em;
	margin: 1.0em 0.0em 1.0em 0.0em;
	border-collapse:collapse;
	-webkit-box-shadow: 0px 0 8px rgba(250, 0, 0, 0.5) inset;
	box-shadow: 0px 0 8px rgba(250, 0, 0, 0.5) inset;	
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
}

ol {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-position: outside;
}

ul {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-position: outside;
	list-style-type: square;
}

.button
{
	background:#900;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px 'Bitter', serif;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid #603;
	font-size: 15px;
}

.button:hover
{
	background:#600;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

.button:active 
{
	position:relative;
	top:1px;
}

div.bgv {
width:100%;height:400%;
border:0px solid red;
padding:0px;
}

div.bgvsmal {
background-image: url(../img/vlfrv.jpg);
background-color:black;
background-position:top;
background-repeat: repeat-y;
width:100%;height:100%;
border:0px solid red;
padding:0px;
}

/********************************************************************************************************************/
/* Style - Tool Tip */

.tooltip {
    position: relative;
    cursor: help;
    border-bottom: 1px dotted #000;
}

.tip {
    position: absolute;
	background: -webkit-gradient(linear,left top, left bottom,from(#D55102),to(#934104));
    background: -webkit-linear-gradient(#D55102,#934104);
    background: -o-linear-gradient(#D55102,#934104);
    background: linear-gradient(#D55102,#934104);
	border-radius: 5px;
    border: 2px solid #161a1f;
    text-shadow: 0 -1px 0 #000;
    font: .75em/1.4 Arial;
    text-align: center;
    width: 10em;
    color: #fff;
    -webkit-box-shadow: 10px 10px 12px #111;
    box-shadow: 10px 10px 12px #111;
    bottom: 100%;
    margin-bottom: 5px;
    left: -25px;
    opacity: 0;
    visibility: hidden;
    padding: 8px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.tip:before {
    position: absolute;
    content: '';
    border: 8px solid transparent;
    border-top: 10px solid #934104;
    border-bottom: none;
    bottom: -10px;
    left: 50px;
}

.tooltip:hover .tip {
    opacity: 1;
    visibility: visible;
    margin-bottom: 15px;
}

/********************************************************************************************************************/
/* Style - Hintergrund abdunkeln */

#grayout {						/*Ganzen Hintergrund abdunkel*/
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.7;
   z-index: 9999;
   filter: alpha(opacity=70); 	/*für ältere IE Browser*/
}

* html #grayout {				/*Alle Elemente im Hintergrund abdunkel*/
   position: absolute;
}

#grayout_window {				/*Meldefenster Mittig*/
	display:inline-block;
	position: fixed;
	left: 25%;
	top: 20%;
	height: 60%;
	width: 50%;
	background-color:black;
	opacity: 1;
	filter: alpha(opacity=100); 	/*für ältere IE Browser*/
	border: 2px solid #666; 
	padding: 1.0em 1.0em 1.0em 1.0em;
	margin: 1.0em 0.0em 1.0em 0.0em;
	border-collapse:collapse;
	-webkit-box-shadow: 2px 2px 8px rgba(200, 200, 200, 0.5);
	box-shadow: 2px 2px 8px rgba(200, 200, 200, 0.5);	
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
	z-index: 10000;
}

/*Message in Rot für Negative Nachrichten*/
#grayout_message label {				/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:30%;
	padding: 3em 2em 2em 2em;
	font-weight:bold;
	font-size: 250%;
	text-align:center;
	color:#C00;							/*Rot*/
}

#grayout_message span {					/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:50%;
	padding: 2em 2em 1em 2em;
	font-weight:normal;
	font-size:150%;
	text-align:center;
	color:#999;
/*	background-color:#444; */
}

#grayout_message a {					/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height: 20%;
	padding: 3em 2em 1em 2em;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	color:#CCC;
/*	background-color:222; */
}

/*Message in Grün für Positive Nachrichten*/
#grayout_message_green label {			/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:30%;
	padding: 3em 2em 2em 2em;
	font-weight:bold;
	font-size: 250%;
	text-align:center;
	color:#0C0;							/*Grün*/
}

#grayout_message_green span {			/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height:50%;
	padding: 2em 2em 1em 2em;
	font-weight:normal;
	font-size:150%;
	text-align:center;
	color:#999;
/*	background-color:#444; */
}

#grayout_message_green a {				/*Meldetext formatieren*/
    float: right;
	width: 100%;
	height: 20%;
	padding: 3em 2em 1em 2em;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	color:#CCC;
/*	background-color:222; */
}

/********************************************************************************************************************/
/* Style - Flexbox - Songs anhören/kaufen */

.fb_sby_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 					/*Anordnung - in Reihe*/
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #600;			/*Rahmenfarbe*/
}	

.fb_sby {
	color:white;
	font-size: 100px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}

.fb_sby {
	font-size:14px;
	margin: 0 0 0 5px;
}

.fb_sby { 
	width:100%;							/*Breite*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
} 
.fb_sby_sp1 img{
	-webkit-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-o-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-ms-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	margin:4px;
}

.fb_sby_sp1 img{ 
	height:40px;
	width:40px;
}

.fb_sby_sp7 img{ 
	height:30px;
	width:30px;
}

.fb_sby_ue1 { background:#666;}
.fb_sby_ue2 { background:#999;}
.fb_sby_ue3 { background:#666;}

.fb_sby_ue1 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_ue2 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_ue3 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_ue4 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_ue5 { 
	-webkit-box-flex: 5; 
	-ms-flex: 5; 
	flex: 5;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	text-align: left;
}

.fb_sby_ue6 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_ue7 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_sp1 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_sp2 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_sp3 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_sp4 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_sp5 { 
	-webkit-box-flex: 5; 
	-ms-flex: 5; 
	flex: 5;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	text-align: left;
}

.fb_sby_sp6 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sby_sp { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

/********************************************************************************************************************/
/*Flexbox - Style - Anhören - Überschriften*/
/*2. Wrapper Überschriften*/

.fb_sng {
	color:white;
	font-size: 100px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
/*	border-bottom:1px white;*/
}

.fb_sng {
	font-size:14px;
	margin: 0 0 0 5px;
}

.fb_sng_ue1 { background:#666;}
.fb_sng_ue2 { background:#999;}
.fb_sng_ue3 { background:#666;}

.fb_sng_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 				/*Anordnung - in Reihe*/
	margin: 0 0 15px 0;
	-ms-flex-line-pack: start;
	align-content: flex-start;			/*Position - wirkt nur bei !!!!!!mehrzeiligem!!!!!! Inhalt!*/
}	

.fb_sng { 
	width:33.333%;						/*Breite*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
} 

.fb_sng_ue1 { 
	-webkit-box-flex: 2; 
	-ms-flex: 2; 
	flex: 2;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sng_ue2 { 
	-webkit-box-flex: 2; 
	-ms-flex: 2; 
	flex: 2;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sng_ue3 { 
	-webkit-box-flex: 5; 
	-ms-flex: 5; 
	flex: 5;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	text-align: left;
}
.fb_sng_sp1 { 
	-webkit-box-flex: 2; 
	-ms-flex: 2; 
	flex: 2;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sng_sp2 { 
	-webkit-box-flex: 2; 
	-ms-flex: 2; 
	flex: 2;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_sng_sp3 { 
	-webkit-box-flex: 5; 
	-ms-flex: 5; 
	flex: 5;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	text-align: left;
}

/********************************************************************************************************************/
/*Flexbox - Element(e) nebeneinander (zentriert) und untereinander*/ 
/*zB. Button mittig nebeneinander...*/
/*zB. Texte untereinander...*/
/*Wrapper Elemente*/

.fb_center_wrapper_col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 			/*Anordnung - in Spalte*/
	min-height: 100vh;					/*Höhe erzwingen - vh = xx% von view height*/
	margin: 0 0 40px 0;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;		/*Position - Start von oben oder links*/
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;	
}	

.fb_center_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 				/*Anordnung - in Reihe*/
	margin: 50px 0 40px 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;			/*Position - Alles mittig*/
}	

.fb_center_tx_big {
	color:white;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 1.5em 2em 1.5em 2em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
/*	border: 1px solid green;			/*Rahmenfarbe*/
}

.fb_center_tx_normal {
	color:white;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	padding:1em 2em 1em 2em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
/*	border-bottom:1px white;*/
}

.fb_center_tx_smal {
	color:white;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	padding:1em 2em 1em 2em;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
/*	border-bottom:1px white;*/
}

.fb_center {
	color:white;
	font-size: 10px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
/*	border-bottom:1px white;*/
}

.fb_center p {
	font-size:14px;
	margin: 0 0 0 5px;
}

.fb_center { 
/*	flex: 1;	*/						/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	padding:2em 1em 0 1em;
} 

.fb_center_sp1 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 1;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	-ms-flex-item-align: center;
	align-self: center;
/*	border: 1px solid red;				/*Rahmenfarbe*/
}

.fb_center_sp2 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	-ms-flex-item-align: center;
	align-self: center;
}

.fb_center_sp3 { 
	-webkit-box-flex: 1; 
	-ms-flex: 1; 
	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 3;	*/
	-ms-flex-item-align: center;
	align-self: center;
}

/********************************************************************************************************************/
/*Flexbox - Auswahl Artikel*/
/*Wrapper Elemente*/

.fb_ausw_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 					/*Anordnung - in Reihe*/
/*	min-height:20px;	*/					/*Mindesthöhe vorgeben*/
	border-top: 2px solid darkred;			/*Rahmenfarbe*/
	margin: 10px 0 10px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	/*Position alles verteilt- Anfang und Ende am Rand*/
	font-family: Helvetica, Verdana, sans-serif;
}	

.fb_ausw_wrapper_sp1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;								/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
/*	border: 1px solid yellow;				/*Rahmenfarbe*/
}	

.fb_ausw_wrapper_sp2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;								/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
	margin: 0 30px 0 30px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;			/*Position alles verteilt- Anfang und Ende am Rand*/
/*	border: 1px solid yellow;				/*Rahmenfarbe*/
}	

.fb_ausw_wrapper_sp3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;							/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;								/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
/*	border: 1px solid yellow;				/*Rahmenfarbe*/
}	

.fb_ausw {
/*	background:#216;*/
}

.fb_ausw_sp1 img{
	-webkit-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-o-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-ms-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	margin:20px 0 0 0;
/*	z-index:99;
	opacity: 1.0;
	filter: alpha(opacity=100);*/ 	/*für ältere IE Browser*/		
}

.fb_ausw_sp1 {
}

.fb_ausw_sp2 {
	color: #CCC;
}

.fb_ausw_sp3 {
	color: #CCC;
	text-align:right;
}

.fb_ausw_sp1_zl1 { 
}

.fb_ausw_sp1_zl2 { 
}

.fb_ausw_sp1_zl1 img{ 
	height:150px;
	width:150px;
}

.fb_ausw_sp1_zl2 img{
	margin:10px 5px 0 5px;
	height:40px;
	width:40px;
}

.fb_ausw_sp2_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	        -ms-flex: 1 1 auto; 
	            flex: 1 1 auto;				/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight: bold;
	padding-top:0.8em;
}

.fb_ausw_sp2_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	        -ms-flex: 1 1 auto; 
	            flex: 1 1 auto;				/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight:normal;
	padding-top:0.2em;
}

.fb_ausw_sp2_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	        -ms-flex: 1 1 auto; 
	            flex: 1 1 auto;				/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	color:grey;
	padding-top:0.3em;
}

.fb_ausw_sp2_zl4 { 
	-webkit-box-flex: 1 1 auto; 
	        -ms-flex: 1 1 auto; 
	            flex: 1 1 auto;				/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding: 10px 0 10px 50px;
}

.fb_ausw_sp2_zl5 {
	-webkit-box-flex: 1 1 auto;
	        -ms-flex: 1 1 auto;
	            flex: 1 1 auto;				/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-weight:bold;
	font-size:120%;
	padding-top:0.3em;
}

.fb_ausw_sp3_zl1 { 
	-webkit-box-flex: 1; 
	        -ms-flex: 1; 
	            flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 10px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_ausw_sp3_zl2 { 
/*	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;*/					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight:bold;
}

.fb_ausw_sp3_zl3 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_ausw_sp3_zl4 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_ausw_sp3_zl5 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_ausw_sp3_zl6 { 
	font-size: 10px;
	font-weight:normal;
	padding:0 0 0.4em 0;
}

/********************************************************************************************************************/
/*Flexbox - Warenkorb Auswahl Aktuell*/
/*Wrapper Elemente*/

.fb_wrkb_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 					/*Anordnung - in Reihe*/
/*	min-height:200px;*/						/*Mindesthöhe vorgeben*/
	border-top: 2px solid darkred;			/*Rahmenfarbe*/
	margin: 10px 0 10px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;			/*Position alles verteilt- Anfang und Ende am Rand*/
	font-family: Helvetica, Verdana, sans-serif;
}	

.fb_wrkb_sng_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch nicht erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 					/*Anordnung - in Reihe*/
/*	min-height:200px;						/*Mindesthöhe vorgeben*/
	border-top: 2px solid darkred;			/*Rahmenfarbe*/
	margin: 10px 0 10px 0;
/*	justify-content: space-between;			/*Position alles verteilt- Anfang und Ende am Rand*/
	font-family: Helvetica, Verdana, sans-serif;
/*	border: 1px solid blue;*/					/*Rahmenfarbe*/
}	
.fb_wrkb_wrapper_sp1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2 0 0%;				/*Feste Spaltenbreite*/
	-ms-flex: 2 0 0%;
	flex: 2 0 0%;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-ms-flex-negative:1;
	flex-shrink:1;							/*erlaubte maximale Verkleinerung*/			
	-webkit-box-orient: vertical;			
	-webkit-box-direction: normal;			
	-ms-flex-direction: column;			
	flex-direction: column; 				/*Anordnung - in Spalte*/
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;			/*Position alles verteilt- Anfang und Ende am Rand*/
/*	min-width:190px;*/
/*	border: 1px solid green;	*/			/*Rahmenfarbe*/
}	

.fb_wrkb_wrapper_sp2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch nicht erlauben*/
	-webkit-box-flex: 8 0 0%;				/*Feste Spaltenbreite*/
	-ms-flex: 8 0 0%;
	flex: 8 0 0%;					
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
	margin: 0 30px 0 30px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;			/*Position - Start von oben oder links*/
/*	min-width:250px;*/
/*	border: 1px solid yellow;	*/			/*Rahmenfarbe*/
}	

.fb_wrkb_wrapper_sp3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 1 0 0%;
	    -ms-flex: 1 0 0%;
	        flex: 1 0 0%;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-ms-flex-negative:1;
	    flex-shrink:1;						/*erlaubte maximale Verkleinerung*/			
	-webkit-box-orient: vertical;			
	-webkit-box-direction: normal;			
	    -ms-flex-direction: column;			
	        flex-direction: column; 			/*Anordnung - in Spalte*/
/*	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;	*/	/*Position alles verteilt- Anfang und Ende am Rand*/
	
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
/*	min-width:70px;*/
/*	border: 1px solid yellow;	*/		/*Rahmenfarbe*/
}	

.fb_wrkb_wrapper_sp4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 1 0 0%;
	    -ms-flex: 1 0 0%;
	        flex: 1 0 0%;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-ms-flex-negative:1;
	    flex-shrink:1;						/*erlaubte maximale Verkleinerung*/			
	margin: 0 30px 0 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;		/*Position alles verteilt- Anfang und Ende am Rand*/
/*	border: 1px solid yellow;	*/		/*Rahmenfarbe*/
}	

.fb_wrkb_sng_wrapper_sp4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 1 0 0%;
	    -ms-flex: 1 0 0%;
	        flex: 1 0 0%;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-ms-flex-negative:1;
	    flex-shrink:1;						/*erlaubte maximale Verkleinerung*/			
	margin: 0 30px 0 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
/*	justify-content: space-between;		/*Position alles verteilt- Anfang und Ende am Rand*/
/*	border: 1px solid blue;		*/	/*Rahmenfarbe*/
}	

.fb_wrkb_wrapper_sp5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 2 0 0%;
	    -ms-flex: 2 0 0%;
	        flex: 2 0 0%;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-ms-flex-negative:1;
	    flex-shrink:1;						/*erlaubte maximale Verkleinerung*/			
	-webkit-box-orient: vertical;			
	-webkit-box-direction: normal;			
	    -ms-flex-direction: column;			
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;		/*Position alles verteilt- Anfang und Ende am Rand*/
/*	border: 1px solid yellow;	*/	/*Rahmenfarbe*/
}	

.fb_wrkb {
}

.fb_wrkb_sp1 {
}

.fb_wrkb_sp2 {
	color: #CCC;
}

.fb_wrkb_sp3 {
	color: #CCC;
	text-align:right;
}

.fb_wrkb_sng_sp3 {
	color: #CCC;
	text-align:left;
}

.fb_wrkb_sp4 {
	color: #CCC;
}

.fb_wrkb_sp5 {
	color: #CCC;
	text-align:right;
}

.fb_wrkb_sp1_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 10px;
	font-weight:normal;
	padding-top:0.8em;	
/*	border: 1px solid grey;	*/	/*Rahmenfarbe*/
}

.fb_wrkb_sp1_zl2 { 
	-webkit-box-flex: 4 1 auto; 
	    -ms-flex: 4 1 1 auto; 
	        flex: 4 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 1;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
/*	border: 1px solid grey;	*/	/*Rahmenfarbe*/
}

.fb_wrkb_sng_sp1_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 1;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
}

.fb_wrkb_sng_sp1_zl2 img{				/*kleine Zusatzbilder*/
	margin:8px 8px 0 5px;
	height:40px;
	width:40px;
}

.fb_wrkb_sp1_zl2 img{
	-webkit-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-o-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-ms-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	margin:5px 0 0 0;
	height:150px;
	width:150px;
}

.fb_wrkb_sp1_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 1;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
/*	border: 1px solid grey;	*/	/*Rahmenfarbe*/
}

.fb_wrkb_sp1_zl3 img{					/*kleine Zusatzbilder*/
	margin:8px 8px 0 5px;
	height:40px;
	width:40px;
}

.fb_wrkb_sp2_zl1 { 
/*	flex: 1;	*/						/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 16px;
	font-weight: bold;
	padding-top:0.3em;
	min-height: 30px;
}

.fb_wrkb_sp2_zl2 { 
/*	flex: 1;*/							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	color:grey;
	font-size: 16px;
	font-weight:normal;
	padding-top:0.2em;
/*	min-height: 30px;*/
}

.fb_wrkb_sp2_zl3 { 
/*	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 14px;
	font-weight:normal;
	color:grey;
	padding-top:0.4em;
}

.fb_wrkb_sp2_zl4 { 
/*	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 14px;
	font-weight:normal;
	color:grey;
	padding-top:0.4em;
}

.fb_wrkb_sp2_zl5 { 
/*	flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 14px;
	font-weight:normal;
	color:grey;
	padding-top:0.4em;
}

.fb_wrkb_sp3_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 16px;
	font-weight: bold;
	padding-top:0.3em;
	max-height: 30px;
/*	border: 1px solid yellow;	*/		/*Rahmenfarbe*/
}

.fb_wrkb_sp3_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 16px;
	font-weight:bold;
	padding: 0.6em 0 0 0;
}

.fb_wrkb_sng_sp3_zl2 { 
	color:grey;
	font-size: 16px;
	font-weight:normal;
	padding-top:0.2em;
/*	border: 1px solid magenta;	*/		/*Rahmenfarbe*/	
}

.fb_wrkb_sp3_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
}

.fb_wrkb_sp3_zl4 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
}

.fb_wrkb_sp4_zl1 { 
	-webkit-box-flex: 1 1 auto;
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	order: 2;							/*Reihenfolge - 1 = Box3 wird nach hinten gelegt*/
	font-size: 16px;
	text-align:center;
	font-weight: bold;
	padding-top:0.3em;
	max-height: 30px;
	margin: 0 auto;
}

.fb_wrkb_sng_sp4_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	padding-top:0.3em;
	margin:0 auto;
}

.fb_wrkb_sp4_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight:bold;
	padding: 0.2em 0 0 0;
	max-height: 45px;
	margin:0 auto;
/*	border: 1px solid green;	*/	/*Rahmenfarbe*/
}

.fb_wrkb_sng_sp4_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight:bold;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:0 auto;
}

.fb_wrkb_sng_sp4_zl2 img{ 
	height:35px;
	width:35px;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}

.fb_wrkb_sp4_zl2 input{ 
	-webkit-box-pack:center; 
	-ms-flex-pack:center; 
	justify-content:center;
	margin:0 auto;
}

.fb_wrkb_sp4_zl2 input[type="number"] {
     display: block;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 80%;
     padding: 8px;
     border-radius: 6px;
     -webkit-border-radius:6px;
     -moz-border-radius:6px;
     border: 2px solid #fff;
     box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
     -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
     -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.fb_wrkb_sp4_zl2 input[type="number"]:hover {
	background-color:#FF6;
}

.fb_wrkb_sp4_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:bold;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	padding:1.5em 0 0 0;
	margin:0 auto;
/*	border: 1px solid lightblue;	*/	/*Rahmenfarbe*/
}

.fb_wrkb_sp4_zl3 img{ 
	height:35px;
	width:35px;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin: 0 auto;
}

.fb_wrkb_sp4_zl4 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight:bold;
	padding:1.2em 0 0 0;
}

.fb_wrkb_sp5_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight: bold;
	padding-top:0.3em;
	max-height: 30px;
}

.fb_wrkb_sp5_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 16px;
	font-weight:bold;
	padding: 0.6em 0 0 0;	
}
.fb_wrkb_sp5_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_wrkb_sp5_zl4 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

/********************************************************************************************************************/
/*Flexbox - Warenkorb Summen und Kundendaten*/
/*Wrapper Elemente*/

.fb_sum_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch nicht erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 					/*Anordnung - in Reihe*/
	border-top: 2px solid darkred;			/*Rahmenfarbe*/
	margin: 30px 0 40px 0;
	padding: 40px 0 0 0;
	font-family: Helvetica, Verdana, sans-serif;
}	

.fb_sum_wrapper_sp1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;								/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
	margin: 0 30px 0 0;
	padding: 0 0 0 20px;
	border-left: 8px solid #7F7F7F;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;			/*Position - Start von oben oder links*/
}	

.fb_sum_wrapper_sp2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
	 flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0 0 0 20px;
	border-left: 8px solid #A40000;
}	

.fb_sum_wrapper_sp1_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 				/*Anordnung - in Spalte*/
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;		/*Position - Start von oben oder links*/
}	

.fb_sum_wrapper_sp2_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 				/*Anordnung - in Spalte*/
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;		/*Position - Start von oben oder links*/
}	

.fb_sum {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
}

.fb_sum_sp1 {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	color: #CCC;
}

.fb_sum_sp2 {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
	color: #CCC;
/*	text-align:left;*/
}

.fb_sum_sp1_zl1 { 
	-webkit-box-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_sum_sp1_zl2 { 
	-webkit-box-flex: 1 1 auto;
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_sum_sp1_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_zl4 { 
	-webkit-box-flex: 1 1 auto;
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_zl5 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_1_zl1 { 
	-webkit-box-flex: 1 0 0%;
	    -ms-flex: 1 0 0%; 
	        flex: 1 0 0%;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_sum_sp1_1_zl2 { 
	-webkit-box-flex: 1 0 0%;
	    -ms-flex: 1 0 0%; 
	        flex: 1 0 0%;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_1_zl3 { 
	-webkit-box-flex: 1 0 0%;
	    -ms-flex: 1 0 0%; 
	        flex: 1 0 0%;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_1_zl4 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_2_zl1 { 
	-webkit-box-flex: 3; 
	    -ms-flex: 3; 
	        flex: 3;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_sum_sp1_2_zl2 { 
	-webkit-box-flex: 3; 
	    -ms-flex: 3; 
	        flex: 3;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_2_zl3 { 
	-webkit-box-flex: 3; 
	    -ms-flex: 3; 
	        flex: 3;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp1_2_zl4 { 
	-webkit-box-flex: 3; 
	    -ms-flex: 3; 
	        flex: 3;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_sum_sp2_zl1 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_sum_sp2_1_zl1 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_sum_sp2_1_zl2 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
}

.fb_sum_sp2_1_zl3 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
}

.fb_sum_sp2_1_zl4 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#090;
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_sum_sp2_2_zl1 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
	text-align:right;	
}

.fb_sum_sp2_2_zl2 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	text-align:right;	
}

.fb_sum_sp2_2_zl3 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
/*	padding-top:0.8em;	*/
	text-align:right;	
}

.fb_sum_sp2_2_zl4 { 
	-webkit-box-flex: 1; 
	    -ms-flex: 1; 
	        flex: 1;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#090;
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
	text-align:right;	
}

/********************************************************************************************************************/
/*Flexbox - Nach Bestellung -> Danke/Lieferadresse/Kundendaten/Bestellübersicht*/
/*Wrapper Elemente*/

.fb_best_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Reihe*/
	min-height: 100vh;							/*Höhe erzwingen - vh = xx% von view height*/
	margin: 0 0 40px 0;
	padding: 40px 0 0 0;
	font-family: Helvetica, Verdana, sans-serif;
}	

.fb_best_wrapper_bank {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	margin: 0 0 10px 0;
	padding: 0 0 20px 20px;
	border-left: 8px solid #F60;
}	

.fb_best_wrapper_daten {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	margin: 0 0 10px 0;
	padding: 0 0 20px 20px;
	border-left: 8px solid #7F7F7F;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}	

.fb_best_wrapper_daten_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row; 				/*Anordnung - in Spalte*/
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}

.fb_best_wrapper_ausw {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	margin: 0 0 10px 0;
	padding: 0 0 20px 20px;
	border-left: 8px solid #780189;
}	

.fb_best_wrapper_ausw_art {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
}	

.fb_best_wrapper_sum {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	border-left: 8px solid #A40000;
}	

.fb_best_wrapper_sum_sp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;								/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
}	

.fb_best {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/
}

.fb_best_bank_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 20px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_best_bank_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	     	   	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 18px;
	font-weight:bold;
	padding:1em 0 1em 0;	
}

.fb_best_bank_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_best_bank_zl3 b{ 
	color:#F60;
	font-weight:bold;
}

.fb_best_bank_zl4 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	  	      	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_best_bank_zl5 { 
	-webkit-box-flex: 1 1 auto; 
		    -ms-flex: 1 1 auto; 
		        flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 12px;
	font-weight:normal;
/*	padding-top:0em;	*/
}

.fb_best_bank_zl6 { 
	-webkit-box-flex: 1 1 auto; 
	  	  	-ms-flex: 1 1 auto; 
	    	    flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 12px;
	font-weight:normal;
}

.fb_best_bank_zl7 { 
	-webkit-box-flex: 1 1 auto; 
		    -ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_best_daten_zl1 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_best_daten_zl1A { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto;
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#FFF;
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_best_daten_zl2 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;	
}

.fb_best_daten_zl3 { 
	-webkit-box-flex: 1 1 auto; 
	    -ms-flex: 1 1 auto; 
	        flex: 1 1 auto;						/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_best_daten_zl4 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_best_daten_zl5 { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_best_daten_sp1_zl1 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;
	min-width:9em;
}

.fb_best_daten_sp1_zl2p { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 12px;
	font-weight:normal;
	min-width:9em;
}

.fb_best_daten_sp2_zl1 { 
	-webkit-box-flex: 5; 
	    	-ms-flex: 5; 
	        	flex: 5;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
	padding-top:0.8em;
}

.fb_best_daten_sp2_zl2p { 
	-webkit-box-flex: 5; 
	    	-ms-flex: 5; 
	        	flex: 5;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 12px;
	font-weight:normal;
}

.fb_best_ausw_ueb { 
	-webkit-box-flex: 1 1 auto; 
	    	-ms-flex: 1 1 auto; 
	        	flex: 1 1 auto;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_best_ausw_kopfzl { 
	color:#AAA;
	padding:0.8em 0 0.1em 0;	
	border-bottom: 2px solid darkred;		/*Rahmenfarbe*/	
}

.fb_best_ausw_kopf_sp { 
	font-size: 16px;
	font-weight:normal;
}

.fb_best_ausw_sp { 
	font-size: 14px;
	font-weight:normal;
	padding:0.3em 0 0 0;		
}

.fb_best_ausw_sp1 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding-right: 1em;		
}

.fb_best_ausw_sp2 { 
	-webkit-box-flex: 6; 
	    	-ms-flex: 6; 
	        	flex: 6;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	min-width:220px;
	padding-right: 1em;		
}

.fb_best_ausw_sp3 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding-right: 1em;		
}

.fb_best_ausw_sp4 { 
	-webkit-box-flex: 1; 
	 	   	-ms-flex: 1; 
	    	    flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding-right: 1em;		
	min-width:90px;
	text-align:right;	
}

.fb_best_ausw_sp5 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	text-align:right;	
	min-width:90px;
}

.fb_best_sum_zl1 { 
	-webkit-box-flex: 1; 
	    	-ms-flex: 1; 
	        	flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#AAA;
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
}

.fb_best_sum_sp1_zl1 { 
	-webkit-box-flex: 4; 
	    	-ms-flex: 4; 
	        	flex: 4;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
	text-align:right;
}

.fb_best_sum_sp1_zl2 { 
	-webkit-box-flex: 4; 
	    	-ms-flex: 4; 
	        	flex: 4;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	text-align:right;
}

.fb_best_sum_sp1_zl3 { 
	-webkit-box-flex: 4; 
		    -ms-flex: 4; 
		        flex: 4;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	text-align:right;
}

.fb_best_sum_sp1_zl4 { 
	-webkit-box-flex: 4; 
		    -ms-flex: 4; 
		        flex: 4;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#090;
	font-size: 18px;
	font-weight:bold;
	text-align:right;
	padding-top:0.8em;	
}

.fb_best_sum_sp2_zl1 { 
	-webkit-box-flex: 1; 
		    -ms-flex: 1; 
		        flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	padding-top:0.8em;	
	text-align:right;	
}

.fb_best_sum_sp2_zl2 { 
	-webkit-box-flex: 1; 
		    -ms-flex: 1; 
		        flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	text-align:right;	
}

.fb_best_sum_sp2_zl3 { 
	-webkit-box-flex: 1; 
		    -ms-flex: 1; 
		        flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	font-size: 14px;
	font-weight:normal;
	text-align:right;	
}

.fb_best_sum_sp2_zl4 { 
	-webkit-box-flex: 1; 
		    -ms-flex: 1; 
		        flex: 1;					/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	color:#090;
	font-size: 18px;
	font-weight:bold;
	padding-top:0.8em;	
	text-align:right;	
}


/********************************************************************************************************************/
/*Flexbox - Standardtabelle - Auswahlmöglichkeiten zur Formatierung*/
/*Wrapper Elemente*/

.fb_tab_wrapper {						/*Wrapper komplette Tabelle*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
    -ms-flex-direction: column;
	flex-direction: column; 			/*Anordnung - in Spalte*/
	min-height: 30vh;					/*Höhe erzwingen - vh = xx% von view height*/
	font-family: Helvetica, Verdana, sans-serif;
	padding:20px 0;
	font-family: 'Germania One', serif, Helvetica, Verdana, sans-serif;		
	/*border: 1px solid yellow;			/*Rahmenfarbe zum testen...*/
}	

.fb_tab_wrapper_sp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;		/*Position - Start von oben oder links*/
	/*border: 1px solid green;			/*Rahmenfarbe zum testen...*/
}	

.fb_tab_wrapper_sp_sp {					/*Spalten in Spalte*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;					/*Befehl - kein Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 				/*Anordnung - in Zeile*/
	/*border: 1px solid blue;*/
}

.fb_tab_clr_a { background:hsl( 50,90%,85%);}
.fb_tab_clr_b { background:hsl(100,90%,85%);}
.fb_tab_clr_c { background:hsl(150,90%,85%);}
.fb_tab_clr_d { background:hsl(200,90%,85%);}
.fb_tab_clr_e { background:hsl(250,90%,85%);}
.fb_tab_clr_f { background:hsl(280,90%,85%);}
.fb_tab_clr_g { background:hsl(350,90%,85%);}

.fb_tab_fl4  { -webkit-box-flex: 4 1 auto; -ms-flex: 4 1 auto; flex: 4 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl6  { -webkit-box-flex: 6 1 auto; -ms-flex: 6 1 auto; flex: 6 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl8  { -webkit-box-flex: 8 1 auto; -ms-flex: 8 1 auto; flex: 8 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl10 { -webkit-box-flex:10 1 auto; -ms-flex:10 1 auto; flex:10 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl12 { -webkit-box-flex:12 1 auto; -ms-flex:12 1 auto; flex:12 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl14 { -webkit-box-flex:14 1 auto; -ms-flex:14 1 auto; flex:14 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl16 { -webkit-box-flex:16 1 auto; -ms-flex:16 1 auto; flex:16 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl18 { -webkit-box-flex:18 1 auto; -ms-flex:18 1 auto; flex:18 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl20 { -webkit-box-flex:20 1 auto; -ms-flex:20 1 auto; flex:20 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl22 { -webkit-box-flex:22 1 auto; -ms-flex:22 1 auto; flex:22 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl24 { -webkit-box-flex:24 1 auto; -ms-flex:24 1 auto; flex:24 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_tab_fl26 { -webkit-box-flex:26 1 auto; -ms-flex:26 1 auto; flex:26 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/

.fb_tab_mw30  { min-width:30px;}
.fb_tab_mw40  { min-width:40px;}
.fb_tab_mw50  { min-width:50px;}
.fb_tab_mw60  { min-width:60px;}
.fb_tab_mw70  { min-width:70px;}
.fb_tab_mw80  { min-width:80px;}
.fb_tab_mw90  { min-width:90px;}
.fb_tab_mw100 { min-width:100px;}
.fb_tab_mw110 { min-width:110px;}
.fb_tab_mw120 { min-width:120px;}
.fb_tab_mw130 { min-width:130px;}
.fb_tab_mw140 { min-width:140px;}

.fb_tab {
	color:white;
	font-size: 80px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}

.fb_tab {
	font-size:14px;
}

.fb_tab {
	width:100%;								/*Breite*/
	-webkit-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;							/*Breite - 1 = alle Childs werden gleichmässig auf ganzer Breite verteilt*/	
} 

.fb_tab1 { 
	font-size: 22px;	
}

.fb_tab2 { 
	-webkit-box-flex: 7 1 auto; 
	-ms-flex: 7 1 auto; 
	flex: 7 1 auto;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
/*	border: 1px solid blue;					/*Rahmenfarbe zum testen...*/
}

.fb_tab1 img{
	-webkit-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-o-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	-ms-box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	box-shadow: 3px 3px 5px grey, -3px -3px 5px grey;
	margin:20px;
	height:200px;
	width:200px;	
}

.fb_tab_kopf_zl { 
	color:#000;								/*Textfarbe*/
	font-size: 16px;
	font-weight:bold;
	border-bottom: 2px solid darkred;		/*Rahmenfarbe*/	
}

.fb_tab_kopf_sp { 
	padding: 0.8em 0 0.8em 0.5em;
}

.fb_tab_zl { 
	color:#000;
	font-size: 14px;
	font-weight:normal;
}

.fb_tab_zl_b { 
	color:#000;
	font-size: 16px;
	font-weight:bold;
	padding:0.4em 0 0.4em 0;	
}

.fb_tab_sp { 
	padding: 0.8em 0 0.8em 0.5em;
}

.fb_tab_zl_a { 
	padding:0 0 0.4em 0;	
}

.fb_tab_button { 
	padding:1.5em 0 0 0;	
}

.tab { background:hsl(50,90%,85%); min-width:140px;}

/*
.fb_tab_wrapper_zl {				
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row; 				
	border: 1px solid red;				
}	
*/

/********************************************************************************************************************/
/*Anzeige im Kopfbereich Warenkorbsymbol*/

.wrkb_img_leer:before {
	content: url(../img/warenkorb_leer24.png);
}

.wrkb_img_gefuellt:before {
	content: url(../img/warenkorb_gefuellt24.png);
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
/* CSS3 Stylesheet E N D E  */