@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
@font-face {
	font-family: 'RobotoCondensed-Bold';
	src: url("RobotoCondensed-Bold.eot"); /* EOT file for IE */
	src: url("RobotoCondensed-Bold.ttf") format('truetype'); /* TTF file for CSS3 browsers */
	font-weight: bold;
}
@font-face {
	font-family: 'RobotoCondensed-Light';
	src: url("RobotoCondensed-Light.eot"); /* EOT file for IE */
	src: url("RobotoCondensed-Light.ttf") format('truetype'); /* TTF file for CSS3 browsers */
	font-weight: lighter;
}
@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url("RobotoCondensed-Regular.eot"); /* EOT file for IE */
	src: url("RobotoCondensed-Regular.ttf") format('truetype'); /* TTF file for CSS3 browsers */
	font-weight: normal;
}

/* Generelle Styles */
body {
	background: #FFF;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	margin: 0em;
	padding: 0em;
  border-top: 2.4em solid #f58220;
  border-right: 1.85em solid #f58220;
  border-left: 1.85em solid #f58220;
	border-bottom: 1.85em solid #f58220;
}
select, input, option {
  font-family : 'Roboto', sans-serif;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #2F2D2C !Important;
	margin: 0em;
	padding: 0.5em 0 0.5em 0;
}
h1.Danke {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #2F2D2C !Important;
	margin: 0em;
	padding: 0.5em 0 0.5em 0;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
	line-height: 1.8em;
	color: #2F2D2C;
	margin: 0em;
	text-align: left;
}
h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #2F2D2C;
	margin: 0px 0px 5px 0px;
	text-align: left;
}
h4 { /* ?berschrift bei der seitlichen Navigation */
	font-family: 'RobotoCondensed-Bold';
	font-size: 1.2em;
	line-height: 1.0em;
	font-weight: 100;
	color: #2F2D2C;
	margin: 0em;
	padding-top: 1.25em;
	padding-bottom: 0.25em;
	text-align: left;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	color: #2F2D2C;
	margin: 0em;
	text-align: left;
}
h3 {
  font-size: 1.2em;
}

td {
	text-align: left;
}
ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
li {
	list-style: square;
	font-weight: normal;
	color: #2F2D2C;
	line-height: 1.7em;
	font-size: 1.0em;
}
object, embed, video {
	width: 90%;
	height: auto;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #2F2D2C !Important;
  border: none;
}

/* TopBar */
#menubar {
	display: none;
	background: #f58220;
	height: 1.5em;
	margin: 5px;
}
#menubar ul {
	display: inline-block;
	width: 2em;
}
#menubar ul li {
	display: inline;
	width: 2em;
}
#menubar ul li a.menubutton {
	display: none;
}

/* Neuer Werbungsheader */ 
/* external css: flickity.css */

* { box-sizing: border-box; }

body { 
  font-family: sans-serif; 
  margin: 0px;
}

.carousel {
  position: absolute;
  top: -28px;
  background: #f58220;
  height: 27px;
  margin: 0px;
}
.carousel-cell {
  width: 100%;
  height: 27px;
  margin-right: 0px;
  background: #f58220;
  color: #FFF;
  text-align: center;
  padding-top: 3px;
  font-size: 13px;
}
/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 27px;
  font-size: 20px;
  color: white;
}

#sidebar {
  display: none;
}

/* Neuer Werbungsheader ENDE */




	#MainFrame{
		display: block;
		margin: 0 auto;
		padding-top: 1em;
		height: auto;
		width: 100%;
		max-width: 1200px;
	}
#MobileSuche{
	display: none;
}
#LogoSmall {
	display: inline-block;
	float: center;
	padding-left: 8em;
}
#WkMini {
	display: inline-block;
	float: right;
}
#mobileContact {
	display: none;
	background: #fff;
	height: 1.5em;
	margin: 5px;
}
#miniKontakt {
	display: inline-block;
	float: left;
	width: 70%
}
#miniSuche {
	display: inline-block;
	float: right;
}
img.miniTel {
	float:left;
	height: 19px;
	width: auto;
}
.phoneNumberMobil{
	font-size: 0.9em;
	padding-top: 0.1em;
	color: #666;
}
.closePopup {
		position: relative;
		/* top: 10px; */
		/* left: 50px; */
		float: right;
		margin-top: -11px;
		margin-right: -11px;
		background-color: #FFF;
		border: 1px solid grey;
		font-size: 1.5em;
		padding: 5px;
		border-radius: 10px;
		color: #000;
}

#suchfeldMobil {
  display: none;
  width: 100%;
  height: 50px;
  z-index: 1000;
}
#mobilMenue {
	display: none;
}
#myLinks {
	display: none;
}
/* Header */
header {
	display: block;
	background: #FFF;
	text-align: center;
	width: 100%;
}
	#headerBox {
		display: inline-block;
		margin: 0 auto;
		height: 90%;
		max-height: 200px;
		width: 95%;
		max-width: 1200px;
		padding: 0 0px 2px 0px;
	}
  #main {
    display: inline-block;
    float: left;
    padding-left: 21px;
    width: 65%;
    text-align: left;
    font-family: 'Roboto';
    font-size: 1.3em;
    color: #8b8b8b;
  }
    #Logo {
      float: left;
      text-align: left;
      width: 63%;
    }
		img.logo {
			width: 90%;
			height: auto;
			max-width: 338px;
			max-height: 110px;
			margin: 0.5em 0 0 0;
		}
	#onlyMobile {
			display: none;
	}
	#OneMoreSloganMobile {
			display: none;
	}
  #aside {
    display: inline-block;
    float: right;
    text-align: right;
    margin-top: 100px;
    margin-right: 21px;
    width: 28%;
  }
  #asideLogin {
      display:none;
  }
  #asideMobile {
      display:none;
  }
  .toggle {
    visibility: hidden;
  }
		#wkBox {
			float: left;
			width: 100%;
			height: 2.3em;
		}
			#Warenkorb {
				float: right;
				text-align: right;
				width: 18.5em;
				height: 2.3em;
			}
				.cart {
					height: 2.0em;
					width: auto;
					padding-right: 3px;
				}
					.add-to-cart {
						background-color: transparent;
						border: none;
						color: #FFF;
						font-family: 'RobotoCondensed-Light';
						font-size: 1.5em;
						letter-spacing: 0.08em;
						cursor: pointer;
						width: 100%;
					}
					.add-to-cart:active {
						border: none;
						cursor: pointer;
					}
					.add-to-cart:hover {
						border: none;
						cursor: pointer;
					}
				#wk2db {
          position: relative;
          width: 2em;
          height: 2em;
          right: 22px;
          top: -10px;
				}
					#ButtonZumWk{
						float: right;
						width: 7.0em;
						height: 1.4375em;
						text-align: center;
						background-color: #333d3f;
						color: #FFF;
						font-family:  'RobotoCondensed-Light';
						font-size: 1.1em;
						cursor: pointer;
						padding: 2px 0 0 0;
						margin: 0 0 0 3px;
					}
		#Slogan {
      float: left;
      text-align: center;
      width: 37%;
      font-size: 0.8em;
      margin-top: 82px;    
      font-weight: bold;
		}
			img.slogan {
				width: 100%;
				height: auto;
				max-width: 398px;
				max-height: 98px;
				margin: 0;
			}
				#OneMoreSlogan {
					display: none;
/*
					font-family: 'Architects Daughter', cursive;
					float: left;
					font-size: 1.3em;
					text-align: center;
					padding: 1.8em 0 0 0;
					font-weight: bold;
						-moz-transform: rotate(-5deg);
						-ms-transform: rotate(-5deg);
						-o-transform: rotate(-5deg);
						-webkit-transform: rotate(-5deg);
						transform: rotate(-5deg);
*/
				}
				#LoginField {
						float:left;
						width: 100%;
						text-align: right;
						margin-top: 0.9em;
						margin-bottom: 0;
						padding-bottom: 0;
						font-size: 1.1em;
				}
				/* F?r das neue Login Fenster */
.flatbtn-blu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	outline: 0;
	border: 0;
	color: #edf4f9;
	text-decoration: none;
	background-color: #4f94cf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	font-size: 1.3em;
	font-weight: bold;
	padding: 12px 26px 12px 26px;
	line-height: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.flatbtn-blu:hover {
	color: #fff;
	background-color: #519dde;
}
.flatbtn-blu:active {
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
#lean_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background: #000;
		display: none;
}
#loginmodal {
	width: 320px;
	padding: 20px;
	background: #f3f6fa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
#loginform label { display: block; font-size: 1.1em; font-weight: bold; color: #7c8291; margin-bottom: 3px; }
.txtfield {
	display: block;
	width: 96%;
	padding: 6px 5px;
	margin-bottom: 15px;
	font-family: 'Roboto', Helvetica, Verdana, sans-serif;
	color: #7988a3;
	font-size: 1.4em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#edf3f9), to(#fff));
	background-image: -webkit-linear-gradient(top, #edf3f9, #fff);
	background-image: -moz-linear-gradient(top, #edf3f9, #fff);
	background-image: -ms-linear-gradient(top, #edf3f9, #fff);
	background-image: -o-linear-gradient(top, #edf3f9, #fff);
	background-image: linear-gradient(top, #edf3f9, #fff);
	border: 1px solid;
	border-color: #abbce8 #c3cae0 #b9c8ef;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.4);
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.txtfield:focus {
	outline: none;
	color: #525864;
	border-color: #84c0ee;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 7px #96c7ec;
}



/* Navigation */
nav {
	display: block;
	background: #FFF;
	text-align: center;
	width: 100%;
}
	#navBlock {
		display: block;
		margin: 0 auto;
		width: 95%;
		max-width: 1200px;
		padding: 0 10px 0 10px;
	}
    #NavTrenner {
      display: block;
      width: 98%;
      border-bottom: solid 1px #666;
      margin-bottom: 1.0em;
      margin-top: 0.5em;
      margin-left: 6px;
    }
		#Kontakt {
			display: inline-block;
      width: 17%;
      font-size: 1.1em;
			float: left;
			height: 30px;
			text-align: left;
			margin-left: 2.5%;
			vertical-align: top;
		}
			img.telefon {
				float:left;
				width: 30px;
				height: auto;
        padding-right: 0.7em;
				padding-top: 3px;
			}
			.phoneNumber {
				float:left;
				margin-top: 0;
				font-family: 'RobotoCondensed-Regular';
				font-size: 1.0em;
			}
		#Navigation {
			display: inline-block;
			float: left;
			text-align: center;
			height: 30px;
		}
			nav ul {
				display: block;
				text-align: center;
        font-family: 'RobotoCondensed-Bold';
			}
			nav ul li {
				display: inline;
				margin: 0 1.5em 0 1.5em;
				text-align: center;
        font-family: 'RobotoCondensed-Bold';
			}
			nav ul li a {
				color: #454040;
				font-family: 'RobotoCondensed-Bold';
				font-size: 1.0em;
				line-height: 1.5em;
			}
			nav ul li a:hover {
				border-bottom: 0.25em solid #f58220;
			}
			nav ul li a.active {
				border-bottom: 0.3em solid #f58220;
			}
			#ganzeLinie {
				display: inline-block;
				text-align: center;
				border-bottom: none;
        font-family: 'RobotoCondensed-Bold';
			}
				#Login {
						display: inline-block;
						float:right;
						height: 2.0em;
						text-align: right;
						padding-top: 0px;
						margin-right: 2.5%;
						vertical-align: top;
				}
						#LoginWort {
								border: none;
								height: 1.56em;
								width: 5.2em;
								font-size: 0.9em;
								color: #8c8c8c;
								margin: 3px 3px 0 0;
								vertical-align: top;
						}
						#LoginActiv {
								border: none;
								height: 1.56em;
								width: 10.0em;
								font-size: 0.9em;
								color: #8c8c8c;
								margin: 0 3px 0 0;
								vertical-align: top;
								border-bottom: 1px solid #ccc;
								box-shadow: none;
						}
						*:focus {
								outline: none;
						}
						#LoginActiv {

						}
						#LoginButton {
								border: none;
								background-color: transparent;
						}
						img.LoginPic {
								width: 1.25em;
								height: auto;
								margin: 2px 0 0 0;
								vertical-align: top;
						}
				#Suche {
						display: inline-block;
						float:right;
						height: 2.0em;
						text-align: left;
            width: 17%;
						margin-right: 2.0em;
						vertical-align: top;
				}
						#SuchWort {
                float:right;
								border: none;
								height: 1.56em;
								width: 5.0em;
								font-size: 1.0em;
								color: #8c8c8c;
								margin: 0 3px 0 0;
								vertical-align: top;
						}
						#SuchWortActiv {
                float:right;
                border: none;
                height: 1.56em;
                width: 5.0em;
                font-size: 1.0em;
                color: #8c8c8c;
                margin: 0 3px 0 0;
                vertical-align: top;
                border-bottom: 1px solid #ccc;
                box-shadow: none;
            }
						*:focus {
								outline: none;
						}
						#suchButton {
              float: right;
								border: none;
                padding-top: 3px;
                padding-right: 15px;
								background-color: transparent;
                color: #888;
						}
						#loginButton {
								border: none;
								background-color: transparent;
						}
						img.suche {
								width: 1.25em;
								height: auto;
								margin: 2px 0 0 0;
								vertical-align: top;
						}

#WKMonitor {
  float:right;
  width: 20px;
  height: 20px;
  padding-top: 1px;
}
#wk2dbBig {
    position: relative;
    width: 14px;
    height: 13px;
    right: -4px;
    top: -28px;
}            
.alrg {
  font-size: 1.1em; 
} 
.B2BLogin {
    background-color: #fff;
    border: 1px solid #f58220;
    box-shadow: none;
    color: #2F2D2C !important;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    font-weight: 100;
    width: 100%;
    height: 41px;
    margin-top: 15px;
    font-size: 1.5em;
}           
.primary {
    background-color: #f58220;
    border: 1px solid #f58220;
    box-shadow: none;
    color: #fff !important;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    font-weight: 100;
    width: 100%;
    height: 41px;
    margin-top: 15px;
    font-size: 1.5em;
} 
.LoginStatus {
  font-size: 0.8em;
  margin-top: 10px;
  color: #2f2d2c;
}           
.LoginError {
  color: red;
}           
  
  .BackLinkDetails {
    width: 100%;
    height: 29px;
    padding-left: 20px;
    
  }          
  .BackLinkDetailsText {
    margin: 5px 5px 5px 5px;
    float: left;
    font-family: 'RobotoCondensed-Regular';
    font-size: 1.1em; 
  }          

  
  
  
  /* Content Bereich */
#Content {
	display: block;
  /* float:left; */
	background: #FFF;
	text-align: center;
	width: 100%;
}
  #ContentBlock {
    display: inline-block;
    margin: 0 auto;
    width: 92.8%;
    max-width: 1200px;
    min-height: 500px;
    padding: 10px 0 0 0;
    text-align: left;
  }
  #ContentBlocktextPage {
    display: inline-block;
    margin: 0 auto;
    width: 91.8%;
    max-width: 1200px;
    min-height: 500px;
    padding: 10px 0 0 0;
    text-align: left;
    font-size: 1.1em;
  }
	#ContentBlockCenter {
		display: block;
		margin: 0 auto;
		width: 92.8%;
		max-width: 600px;
		min-height: 500px;
		padding: 10px 0 0 0;
		text-align: center;
	}
		#KategorieBox {
			display: inline-block;
			width: 31.6%;
			height: auto;
			padding-bottom: 1.5em;
			margin: 0 0.5em 0 0.5em;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.1em;
			cursor: pointer;
		}
		.KategorieBoxDreifach {
			display: inline-block;
			width: 99%;
			height: auto;
			margin: 0 0.5em 2em 0.5em;
			font-family: 'Roboto';
			font-size: 0.9em;
		}
		.KategorieBoxDreifachAlt {
			display: inline-block;
			width: 95%;
			height: auto;
			padding: 1.5em 1.5em 1.5em 1.5em;
			margin: 0 0.5em 1em 0.5em;
			font-family: 'Roboto';
			font-size: 0.9em;
			border: 1px solid #ccc;
		}
		#SubSloganTop {
			font-size:0.7em;
			line-height:1.5em;
			letter-spacing:0.255em;
		}
    #SloganMobile {
      display: none;
    }
    #SubSloganUnder {
      float: left;
      width: 34%;
      font-size:0.8em;
      line-height:1.7em;
      font-weight: bold;
      font-family: 'Roboto', sans-serif;
      color: #000;
      text-align: center;
      padding-top: 72px;
    }
		#KategorieBoxSmall {
			display: inline-block;
			width: 31.2%;
			height: auto;
			padding-bottom: 1.5em;
			margin: 0 0 0 1.0em;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.1em;
			cursor: pointer;
		}
			#KategorieBox:hover {
				color: #f3920f;
			}
				#KatTitel {
					font-size: 1.0em;
					text-transform: uppercase;
					text-align: center;
				}
				#KatImage {
					width: 100%;
					height: auto;
					border: 1px solid #ccc;
				}
        
/* Flickity fullscreen Images */
/* external css: flickity.css, fullscreen.css */
#VideoRow{
  width:100%; 
}
#fitVideo{
  width:100%; 
}
.carouselSL {
  background: #FFF;
}
.carouselSL .flickity-prev-next-button {
  display: block;
}

.carousel-cellSL {
  width: 146%;
  height: 300px;
  margin-right: 0px;
  /* center images in cells with flexbox */
  display: flex;
  align-items: center;
  justify-content: center;
}

.carouselSL.is-fullscreen .carousel-cellSL {
  height: 100%;
}

.carousel-cell-image {
  display: block;
  max-height: 100%;
}

.carouselSL.is-fullscreen .carousel-cell-image {
  max-width: 100%;
}

/* Artikelliste */
	#ContentArea {
		display: inline-block;
    float:left;
		vertical-align: top;
		width: 75.7%;
		margin: 0px;
		min-height: 500px;
	}
		#ProduktBox {
			display: inline-block;
			width: 30.9%;
			height: auto;
			margin: 0 0 1.5em 1.0em;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.1em;
			cursor: pointer;
			vertical-align: top;
		}
			#MiniBild {
				text-align: center;
				padding: 0 0 0 0;
				width: 100%;
				height: auto;
			}
			#ListenThumb {
				width: 100%;
			}
			#MiniBild.zentriert {
				width: 100%;
				height: auto;
			}
			#ListElementTexte {
				display: block;
				height: 3.5em;
			}
				#pTitel {
					display: block;
					vertical-align: top;
					padding: 0 1.0em 0 0;
					color: #f58220;
				}
				#pShort {
					display: block;
					vertical-align: top;
					padding: 0.2em 1.0em 0 0;
					font-family: 'RobotoCondensed-Regular';
					font-size: 0.9em;
					font-weight: 100;
				}
			#pPreis {
				display: inline-block;
				width: 100%;
				text-align: right;
				height: 1.6em;
				padding: 0.2em 1.0em 0 0;
				font-family: 'RobotoCondensed-Regular';
				font-size: 1.0em;
				font-weight: bold;
				color: #f58220;
			}
				.PreisOld {
					color: #666;
					text-decoration: line-through;
					font-size: 1.1em;
				}
				.PreisAction {
					font-size: 1.1em;
					color: #f58220;
				}
			#DetailsButton  {
				display: inline-block;
				width: 100%;
				text-align: center;
				letter-spacing: 0.1em;
				margin: 5px 0 0 0;
				padding: 0.33em 0.33em 0.33em 0;
				font-family: 'RobotoCondensed-Regular';
				font-size: 0.9em;
				font-weight: normal;
				border: none;
				color: #FFF;
				background-color: #333d3f;
			}
/* Innenbereich Styles */
#InsideTitel {
	padding: 0.5em 0 0.5em 0.5em;
	color: #2F2D2C;
}
#InnenText {
	padding: 0 0.5em 1.0em 1.0em;
}
	#InnenText a {
		color: #2F2D2C;
		text-decoration: underline;
	}
/* Seiten Navigation */
#DetailNav {
	display: block;
	float:left;
  vertical-align: top;
	text-align: left;
	width: 22%;
	min-height: 50.0em;
	height: 100%;
	padding-top: 0.8em;
	padding-left: 1.0em;
	color: #2F2D2C;
}
	#SideMainNav {
		list-style: none;
	}
	#FirstLevelActive {
		color: #2F2D2C !Important;
		padding: 0.8em 0 0 0;
		line-height: 1.5em;
	}
	#FirstLevel {
    font-family: 'RobotoCondensed-Bold' !Important;
		list-style: none;
		color: #2F2D2C;
		padding: 0.8em 0 0 0;
		line-height: 1.5em;
	}
		#FirstLevel a {
			color: #2F2D2C;
		}
	#SubLevel {
		margin-left: 1.0em;
		list-style: none;
		color: #2F2D2C;
	}
		#ArtikelSubNav {
			list-style: none;
		}
		#ArtikelSubNav a {
			color: #2F2D2C;
			font-family: 'RobotoCondensed-Regular';
			font-size: 1.1em;
			line-height: 1.5em;
		}
		#ArtikelSubNav a.active {
			color: #2F2D2C;
			text-decoration: underline;
		}
		#ArtikelSubSubNav {
			margin-left: 0.9em;
			list-style: none;
		}
		#ArtikelSubSubNav a {
			color: #666;
			font-family: 'RobotoCondensed-Regular';
			font-size: 1.1em;
			line-height: 1.5em;
		}
		#ArtikelSubSubNav a.active {
			color: #666;
			text-decoration: underline;
		}
.html5gallery-container-0 {
		-moz-box-shadow: none !Important;
		-webkit-box-shadow: none !Important;
		box-shadow: none !Important;
}
.html5gallery-car-0 {
		border-top:  none !Important;
		border-bottom:  none !Important;
}
/* Detailansicht */
#Detailsbox {
	display: block;
  margin: 25px auto;
	width: 101%;
}
	#ImagesBoard {
		display: inline-block;
		width: 50%;
    float:left;
    padding: 35px 40px 0px 40px;
		vertical-align: top;
		margin: 0em;
		overflow: inherit;
	}
		#productinfoimages {
			display: block;
			width: 23.57em;
			height: 23.57em;
			padding: 0;
			margin: 1.0em 0 0 0;
		}
			#boxImageBig {
				float: center;
				width: 100%;
				height: auto;
			}
				#zoom_03 {
					width: 20.0em;
					height: 20.0em;
				}
				#DetailImage {
					width: auto;
										border: 1px solid black;
				}
				.zoomWrapper {
					width: 20.0em;
					height: 20.0em !important;
				}
				.zoomContainer {
					height: 20.0em !important;
					width: 20.0em !important;
				}
				.zoomLens {
					width: 20.0em !important;
					height: 20.0em !important;
				}
				.zoomWindowContainer {
					width: 20.0em !important;
					height: 0.0em !important;
				}
								.html5gallery-tn-0-0 {
										display: none;
										visibility: hidden;
								}
								#html5gallery-tn-0-0 {
										display: none;
										visibility: hidden;
								}

		#Extrabilder {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			min-height: 6.0em;
		}
						#DiaThumbsHide {
								display: none;
								width: 0;
								height: 0;
								margin-right:0;
								margin-bottom:0;
								border:none;
								text-align: center;
								vertical-align:middle;
						}
						#DiaThumbs {
								display: inline-block;
								width: 11.5em;
								height: 11.5em;
								margin-right:0.3em;
								margin-bottom:0.3em;
								border:1px solid #999999;
								text-align: center;
								vertical-align:middle;
						}
			#DiaThumbsRight {
				display: inline-block;
				width: 11.5em;
				height: 11.5em;
				margin-right:0.3em;
				margin-bottom:0.3em;
				border:1px solid #999999;
				text-align: center;
				vertical-align:middle;
			}
				#thumbUnten {
					height: 11.5em !important;
					width: auto;
					padding-top: 0 !important;
				}
				#thumbUntenHidden {
					display: none;
				}
			#DiaTitel {
				display: block;
				width: 100%;
				margin-top: 1.6em;
			}

	#DetailBoard{
		display: inline-block;
		width: 50%;
    float:left;
		text-align: left;
		vertical-align: top;
	}
		#DetailTitel {
			display: block;
			font-size: 1.75em;
			line-height: 1.25em;
			font-style: italic;
			font-weight: normal;
			color: #2F2D2C;
			text-align: center;
			margin: 0;
			padding-bottom: 0.9em;
		}
    #Spezifikation {
      display: block;
      padding: 0;
      font-size: 1.0em;
      font-family: 'Roboto', sans-serif;
      color: #2F2D2C;
    }
		#ArtikelDetails {
			display: block;
			padding: 0.3em 0 1.0em 0;
			font-size: 1.0em;
			font-family: 'Roboto', sans-serif;
			color: #2F2D2C;
		}
		#ArtikelDetails2 {
			display: block;
			border-bottom: 1px solid #666;
			padding: 0 0 0 0;
			font-size: 1.0em;
			font-family: 'Roboto', sans-serif;
			color: #2F2D2C;
		}
			#ArtikelDetails ul {
				padding-left: 20px;
			}
			#ArtikelDetails ul li {
				font-size: 1.1em;
				font-weight: normal;
        line-height: 1.5em;
        color: #2F2D2C;
			}
		#OrderBox {
			display: block;
			padding: 0.3em 0 0.3em 0;
			font-size: 1.0em;
			font-family: 'Roboto', sans-serif;
			color: #2F2D2C;
		}


		#DetailPreis {
			float: right;
			font-size: 1.3em;
			margin: 0.1em 0 0 0;
		}
#inWKnumbers {
	height: 1.8em;
	width: 2.0em;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 1.5em;
	color: #2F2D2C;
	padding: 0.1em 0 0 0;
	margin: 0;
}
label {
	font-size: 0.9em;
	vertical-align: bottom;
}
	#InWkButton {
		display: inline-block;
		width: 100%;
		padding: 0.2em 0 0.2em 0;
		background-color: #333d3f;
		text-align: center;
		margin: 0.5em 0 0 0;
		cursor: pointer;
	}
	#InWkButtonDeaktiv {
		display: inline-block;
		width: 100%;
		padding: 0.2em 0 0.2em 0;
		background-color: #848484;
		text-align: center;
		margin: 0.5em 0 0 0;
		cursor: context-menu !Important;
	}
    .add-to-cartDeaktiv {
                        background-color: transparent;
                        border: none;
                        color: #FFF;
                        font-family: 'RobotoCondensed-Light';
                        font-size: 1.5em;
                        letter-spacing: 0.08em;
                        width: 100%;
        cursor: context-menu !Important;
    }
#WkElement {
	display: inline-block;
	width: 70%;
	height: auto;
	padding: 0;
	margin: 0;
}
#PutInWk {
	width:20.0em;
	height:auto;
	padding: 0;
	margin: 1.0em 0 0 0;
}
#ShortDescr {
	display: inline-block;
	font-size: 1.3em;
}
	#Detailbeschreibung {
		margin-bottom: 1.5em;
	}
		#Detailbeschreibung ul{
			padding-left: 20px;
		}
	#DetTitel {
		display: block;
		width: 100%;
		font-size: 1.25em;
		font-style: italic;
		margin: 1.0em 0 0.7em 0;
	}
  #Socialize {
    display: block;
    width: 100%;
    vertical-align: bottom;
    min-height: 3.8em;
    text-align: right;
  }
	#SocializeBottom {
		display: block;
		width: 100%;
		vertical-align: bottom;
    margin-top: 17px;
		min-height: 3.8em;
		text-align: right;
	}
		#SozialMail{
			display: inline-table;
			vertical-align: top;
		}
			#ButtonMail {
				display: inline-block;
				height: 25px;
				width: auto;
				margin: -0.2em 0.5em 0em 0;
			}
			#TagMail {
				vertical-align: top;
				font-family: 'Roboto', sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				color: #000;
			}
		#SozialFB{
			display: inline-table;
			vertical-align: top;
		}
			#ButtonFB {
				display: inline-block;
				height: 25px;
				width: auto;
				margin: -0.2em 0.5em 0em 0;
			}
			#TagFb {
				vertical-align: top;
				font-family: 'Roboto', sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				color: #000;
			}
.BlocksType1 {
	display: block;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #2F2D2C;
	padding:0 0 0.3em 0;
}
.BlocksText1 {
	display: block;
	text-align: left;
	font-size: 1.0em;
	font-family: 'Roboto', sans-serif;
	color: #2F2D2C;
	padding:0.5em 0 1.0em 0;
  line-height: 1.5em;
	margin:0px;
}
.BocksBottom {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
}
.Pfeile {
	float:left;
	text-align: left;
	padding-top: 0.2em;
}

/* Slaves */
#SlaveArea {
	width: 100px;
}
  #SlaveTitel {
    text-align: center;
    font-size: 1.25em;
    font-style: italic;
    margin: 0.5em 0 0.5em 0;
  }
	#SlaveTitel2 {
    
		text-align: center;
		font-size: 1.35em;
		font-style: italic;
		margin: 0.5em 0 0 0;
	}
	#SlaveBox {
		margin: 0 0 0.4em 0;
	}
	select.SlaveArtikel {
		height: 2.1em;
		width: 100%;
		border: 1px solid #ddd;
		font-size: 1.2em;
		color: #f58220;
		padding: 0 10px;
		margin: 0;
		text-align: right;

	}
		.PreisMini {
			text-align: right;
			font-size: 1.15em;
			font-weight: bold;
		}
		#PreisMini {
			float: right;
		}

#verwandteArtikel {
	display: block;
	padding: 3.0em 0  3.0em 0;
}
/* Warenkorb */
#WkBoard {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0;

}
	#WkLeer {
		color: #f58220;
	}
	#wkSteps {
		display: block;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #666;
	}
		#wkStep1 {
			display: inline-block;
			width: 33%;
			height: 32px;
			text-align: left;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.0em;
			font-weight: bold;
			color: #666;
			vertical-align: top;
		}
		#wkStep2 {
			display: inline-block;
			width: 33%;
			text-align: center;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.0em;
			font-weight: bold;
			vertical-align: top;
		}
		#wkStep2Passiv {
			display: inline-block;
			width: 33%;
			text-align: center;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.0em;
			font-weight: bold;
			color: #666;
			vertical-align: top;
		}
		#wkStep3 {
			display: inline-block;
			width: 33%;
			text-align: right;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.0em;
			font-weight: bold;
			color: #666;
			vertical-align: top;
		}
		#wkStep3Active {
			display: inline-block;
			width: 33%;
			text-align: right;
			font-family: 'RobotoCondensed-Bold';
			font-size: 1.0em;
			font-weight: bold;
			vertical-align: top;
		}
			#wkSimg {
				display: inline-block;
				width: 30px;
				height: 32px;
				padding: 0 10px 0 0;
				margin: 0;
			}
			#wkStext {
				display: inline-block;
				height: 24px;
				padding: 8px 0 0 0;
				margin: 0;
				vertical-align: top;
			}
			#wkStext2 {
				display: inline-block;
				height: 24px;
				padding: 8px 0 0 0;
				margin: 0;
				vertical-align: top;
			}
			#wkStextActive {
				display: inline-block;
				height: 24px;
				padding: 8px 0 0 0;
				margin: 0;
				vertical-align: top;
				/* border-bottom: 0.25em solid #f58220; */
			}
	#wkDetails {
		display: block;
		width: 100%;
		padding: 10px 0 10px 0;
		margin-bottom: 10px;
	}
		#wkZahlung {
			display: inline-block;
			width: 31%;
			vertical-align: top;
		}
		#wkRAdress {
			display: inline-block;
			width: 31%;
			vertical-align: top;
			padding-left: 1.0em;
			border-left: 1px solid #7f7f7f;
		}
		#wkLAdress {
			display: inline-block;
			width: 31%;
			height: 141px;
			vertical-align: top;
			padding-left: 0.8em;
			border-left: 1px solid #7f7f7f;
		}
			#wkDtitel {
				text-align: center;
				font-family: 'RobotoCondensed-Bold';
				font-size: 1.0em;
				font-weight: bold;
				padding: 0 0 15px 0;
			}
			#wkDdata {
				height: 80px;
				font-family: 'Roboto', sans-serif;
				font-size: 1.0em;
			}
			#wkDlink {
				font-family: 'Roboto', sans-serif;
				font-size: 1.0em;
				color: #666;
			}
			#wkLinks {
				color: #666;
				font-family: 'RobotoCondensed-Light';
				font-size: 1.0em;
			}
			#wkLinks:hover {
				color: #666;
			}
			#wkLinks:visited {
				color: #666;
			}
			#wkLinks:after {
				color: #666;
			}
			#wkQuote {
				font-size: 1.6em;
			}
						#wkSweiterDeAktiv {
								text-align: center;
								padding: 5px 0 5px 0;
								background-color: #333d3f;
								color: #e3e5e4;
								font-family: 'RobotoCondensed-Light';
								font-weight: lighter;
								font-size: 1.625em;
						}
						#wkSweiterDeNonAktiv {
								text-align: center;
								padding: 5px 0 5px 0;
								background-color: #a6a6a6;
								color: #e3e5e4;
								font-family: 'RobotoCondensed-Light';
								font-weight: lighter;
								font-size: 1.625em;
						}
	    ol {
      font-size: 1.1em
    } 

    #aktuButtonArea {
		width: 100%;
		border: none;
		text-align: right;
	}
		#aktuButton {
			border: none;
			background-color: transparent;
			font-family: 'RobotoCondensed-Light';
			font-size: 1.0em;
		}
		#aktuButton:hover {
			cursor: pointer;
		}
	#wkFacts {
		display: block;
		width: 100%;
	}
		#wkArtikelOhne {
			display: inline-block;
			width: 63%;
		}
		#wkArtikel {
			display: inline-block;
			width: 63%;
			border-top: 1px solid #666;
		}
			table.contentrow1 {
				padding-bottom: 7px;
				margin-bottom: 7px;
				border-bottom: 1px solid #666;
			}
			td.left {
				text-align: left;
        vertical-align: bottom;
			}
			td.wkPreisRow {
				text-align: right;
				padding-top: 30px;
			}
			td.wkRight {
				text-align: right;
			}
			#wkKill {
				font-family: 'RobotoCondensed-Light';
				font-size: 1.0em;
				padding: 0 0 0 0.4em;
				color: #000;
			}
			#wkKill:after {
				color: #000;
				border: none;
			}
			#wkKill:hover {
				color: #000;
			}
			#wkKill:visited {
				color: #000;
			}
			#wkProduktTitel {
				color: #000;
				font-size: 1.15em;
				line-height: 2.5em;
			}
			#wkProduktDropDown {
				color: #000;
				font-size: 0.9em;
			}
			#wkEinzelpries {
				color: #000;
				font-size: 1.05em;
			}
			#wkZeilensumme {
				color: #f58220;
				font-family: 'RobotoCondensed-Light';
				font-size: 1.5em;
				font-weight: bold;
			}
			.wkRight {
				text-align: right;
			}
			#wkAnzahl {
				font-size: 0.8em;
				line-height: 0.7em;
				color: #666;
				margin: 0;
				padding: 0;
			}
			#wkQuantity {
				width: 30px;
				height: 30px;
				text-align: center;
				margin: 0;
				padding: 0;
				font-size: 1.5em;
				border: 1px solid #666;
			}
		#wkZusammenfassung {
			display: inline-block;
			width: 36%;
			padding: 0 0 0 0.25em;
			margin: 0;
			vertical-align: top;
		}
			#wkSummery {
				float: right;
				background-color: #e3e5e4;
				width: 98%;
				text-align: center;
			}
				#wkStitel {
					text-align: center;
					font-size: 1.625em;
					font-weight: bold;
					padding: 20px 0 10px 0;
				}
				#wkStitelLeer {
					text-align: center;
					font-size: 1.0em;
					font-weight: bold;
					padding: 0px 0 2px 0;
				}
				#wkSzeile1 {
					width: 100%;
					margin: 0 auto;
					font-size: 1.0em;
					padding: 5px 0 0 0;
				}
				#wkSzeile2 {
					width: 100%;
					margin: 0 auto;
					font-size: 1.0em;
					padding: 0;
				}
				#wkSzeile3 {
					width: 100%;
					margin: 0 auto;
					font-size: 1.0em;
					padding: 10px 0 5px 0;
				}
										#wkSlinksTextVK {
												display: inline-block;
												width: 60%;
												text-align: left;
										}
										#wkSzahlVK {
												display: inline-block;
												width: 30%;
												text-align: right;
										}
										#wkSlinksTextVKdeaktiv {
												display: inline-block;
												width: 60%;
												text-align: left;
										}
										#wkSzahlVKdeaktiv {
												display: inline-block;
												width: 30%;
												text-align: right;
										}
										#wkSlinksText {
												display: inline-block;
												width: 60%;
												text-align: left;
										}
										#wkSzahl {
												display: inline-block;
												width: 30%;
												text-align: right;
										}
					#wkSlinksTextMinus {
						display: inline-block;
						width: 60%;
						text-align: left;
						color: #f58220;
					}
					#wkSzahlMinus {
						display: inline-block;
						width: 30%;
						text-align: right;
						color: #f58220;
					}
				#wkSsubtitel {
					text-align: center;
					padding: 20px 0 0 0;
				}
				#wkSsumme {
					text-align: center;
					font-family: 'RobotoCondensed-Bold';
					font-size: 2.8em;
					font-weight: bold;
					color: #f58220;
					padding: 0 0 10px 0;
				}
				#wkSsummeHell {
					text-align: center;
					font-family: 'RobotoCondensed-Bold';
					font-size: 3.25em;
					font-weight: bold;
					color: #f58220;
					padding: 0 0 10px 0;
				}
				#wkSweiter {
					text-align: center;
					padding: 5px 0 5px 0;
					background-color: #333d3f;
					color: #e3e5e4;
					font-family: 'RobotoCondensed-Light';
					font-weight: lighter;
					font-size: 1.625em;
				}
				#wkButtonWeiter {
					width: 100%;
					text-align: center;
					padding: 5px 0 5px 0;
					background-color: #333d3f;
					border: none;
					color: #FFF;
					font-family: 'RobotoCondensed-Light';
					font-size: 1.6em;
					cursor: pointer;
				}
					#wkButtonWeiter:active {
						border: none;
					}
					#wkButtonWeiter:hover {
						border: none;
					}
				#wkSGSC {
					display: block;
					background-color: #FFF;
					text-align: left;
					font-family: 'RobotoCondensed-Regular';
					font-size: 1.0em;
					padding: 0.5em 0 0.5em 0;
				}
					#gscInput{
						margin-left: 2.0em;
            display: initial;
						width: 9.0em;
						font-family: 'RobotoCondensed-Regular';
						font-size: 1.0em;
						text-align: center;
					}
					#gscButton {
						float: right;
						width: 5.2em;
						height: 21px;
						font-family: 'RobotoCondensed-Light';
						font-size: 0.9em;
						text-transform: uppercase;
						background-color: #333d3f;
						color: #fff;
						margin-top: 0;
						border: none;
					}
					#gscError {
						padding: 0.5em 0.3em 0.5em 0.3em;
						text-align: left;
					}
	#wkExtras {
		display: block;
		width: 100%;
		margin: 20px 0 50px 0;
		vertical-align: top;
	}
		#wkBeschreibung {
			display: inline-block;
			width: 100%;
			margin: 20px 0 20px 0;
			padding: 0;
		}
		#wkFeature1 {
			display: inline-block;
			width: 33%;
			vertical-align: top;
		}
		#wkFeature2 {
			display: inline-block;
			width: 33%;
			vertical-align: top;
		}
		#wkFeature3 {
			display: inline-block;
			width: 33%;
			vertical-align: top;
		}
/* ADRESS Formular */
#wkAdressBlock {

}
	#wkAdressRechnung {

	}
		#wkATitel {
			font-family: 'RobotoCondensed-Bold';
			border-bottom: 0.25em solid #f58220;
			margin-top: 1.25em;
		}
		#wkASubtitel {
			font-family: 'RobotoCondensed-Bold';
			padding: 0.8em 0 0.8em 0;
			border-bottom: 1px solid #666;
		}
		#wkARow {
			display: block;
			padding: 0.2em 0 0.2em 0;
			border-bottom: 1px solid #666;
		}
			#wkABeschriftung {
				display: inline-block;
				width: 15%;
				height: 1.56em;
				font-size: 1.0em;
			}
			#wkAForm {
				display: inline-block;
				width: 80%;
				height: 1.5em;
			}
				#wkAinput {
					width: 100%;
					height: 1.3em;
					font-size: 1.2em;
					border: none;
				}
				#wkAinput:active {
					width: 100%;
					height: 1.3em;
					font-size: 1.2em;
					border: none;
				}
			#wkAFormShort {
				display: inline-block;
				width: 48%;
			}
				#wkAinputShort {
					width: 100%;
					height: 1.3em;
					font-size: 1.2em;
					border: none;

				}
			#wkABeschriftungRechts {
				display: inline-block;
				width: 25%;
				text-align: right;
				color: #666;
			}
		#wkARowLeer {
			display: block;
			height: 40px;
		}
	#wkAdressSpeichern {
		display: block;
		text-align: right;
		margin: 0 0 40px 0;
	}
		#wkASaveButton {
			background-color: #333d3f;
			border: none;
			color: #FFF;
			font-family: 'RobotoCondensed-Light';
			font-size: 1.3em;
			padding: 0.2em 1.0em 0.1em 1.0em;
		}
/* KASSA => Zahlarten Auswahl */
#wkPaymentOption {
	display: block;
	width: 100%;
	margin-bottom: 1.75em;
}
#wkPaymentOption2 {
	display: block;
	width: 100%;
	font-weight: bold;
}
	#wkOPselecter {
		display: inline-block;
    width: 20%;
		height: 20px;
	}
  #cbWk {
  }
	#wkOPtag {
		display: inline-block;
		width: 70%;
		font-family: 'RobotoCondensed-Light';
		font-size: 1.2em;
	}
		#wkOPimg {
			 width:  10.0em;
			 height: auto;
		}
	#wkOPextra {
		display: block;
		width: 99%;
		padding: 0.3em 0 0.3em 0;
		font-size: 0.9em;
	}
#wkErrorMessage {
	display: block;
	color: #f58220;
	font-weight: bold;
	text-align: center;
	padding: 0 0 20px 0;
}
/* KASSA ABSCHLUSS */
#wkANumber {
	width: 30px;
	height: 27px;
	text-align: center;
	margin: 0 0 0 1.4em;
	padding: 0.2em 0 0 0;
	font-size: 1.5em;
	border: none;
}
/* Footer */
footer {
	display: block;
	text-align: center;
	width: 100%;
}
	#GreyFooter {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 1200px;
		padding: 1.6em 0 2.0em 0;
/*		background-color: #eceeed;  */
		vertical-align: top;
	}
		#fBoxContainer {
			display: block;
			max-width: 1200px;
			width: 93.5%;
			padding: 0 25px 0 25px;
			text-align: center;
			vertical-align: top;
		}
			#leftbox {
				display: inline-block;
				width: 18%;
				height: 100%;
				margin: 0 2% 0 0;
				padding: 0;
				vertical-align: top;
				text-align: center;
			}
			#rightbox {
				display: inline-block;
				width: 18%;
				margin: 0;
				padding: 0;
				vertical-align: top;
				text-align: center;
			}
				#RoundIcon {
					width: 6.75em;
					height: auto;
				}
	#WhiteFooter {
		display: block;
		margin: 0 auto;
				text-align: center;
		width: 100%;
		max-width: 1200px;
		padding: 10px 0 0 0;
		background-color: #FFF;

	}
		footer ul {
			display: block;
			width: 100%;
			max-width: 1200px;
			text-align: center;
			margin: 0px auto;
		}
		footer ul li {
			display: inline;
			font-size: 0.9em;
			line-height: 2.8em;
			color: #9c9c9c;
			font-family: 'RobotoCondensed-Light';
			margin-left: 0.5em;
			padding: 0em 0.625em 0em 1.0em;
		}
		footer ul li a {
			color: #9c9c9c;
		}


#BlockMark {
	float:left;
	width: 268px;
	/* height: 400px; */
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px transparent;
}
	#BlockOben{
		width: 268px;
		height: 190px;
		margin: 0px;
		padding: 0px;
	}
	#BlockUnten{
		width: 258px;
		font-family: 'Architects Daughter', cursive;
		font-size: 1.2em;
		color: #2F2D2C !Important;
		margin: 0px;
		overflow: hidden;
	}
  
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*                                     Mobile Styleanpassungen                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1270px) {
  #KategorieBoxSmall {
    display: inline-block;
    width: 30.2%;
  }


}
@media screen and (max-width:1250px) {
	#KategorieBoxSmall {
		width: 31.0%;
	}
	#DiaThumbs {
	  width: 11.0em;
		height: 11.0em;
	}
	#DiaThumbsRight {
	  width: 11.0em;
		height: 11.0em;
	}
	#thumbUnten {
	  height: 11.0em !important;
		width: auto;
		padding-top: 0 !important;
	}
  .BlocksText1 {
    font-size: 1.1em;
  }
  #ContentBlocktextPage {
    font-size: 0.9em;
  }


}
@media screen and (max-width:1190px) {
	body {
		font-size: 13px;
	}
		#KategorieBox {
			width: 31.55%;
		}
		#ContentArea {
			width: 75.0%;
		}
		#DetailBoard {
			width: 50%;
		}
   #Suche {
     width: 15%;
     margin-right: 1.0em;
   }
   p {
     font-size: 1.1em;
   }
   h3 {
     font-size: 1.2em;
   }
   ul {
     margin: 0 0 0 0;
   }





}
@media screen and (max-width:1080px) {
	#KategorieBoxSmall {
			width: 30.9%;
	}
			#DiaThumbs {
				width: 10.5em;
				height: 10.5em;
			}
			#DiaThumbsRight {
				width: 10.5em;
				height: 10.5em;
			}
				#thumbUnten {
					height: 10.5em !important;
					width: auto;
					padding-top: 0 !important;
				}
        #TopNav {
          margin: 0 1.1em 0 1.1em;
        }
	body {
		font-size: 12px;
	}
  img.telefon {
    width: 25px;
    height: auto;
    padding-right: 0.7em;
    padding-top: 2px;
  }
  #WKMonitor {
    margin-top: 2px;
  }
  .alrg {
    font-size: 1.2em;
  }
   p {
     font-size: 1.5em;
   }
   h3 {
     font-size: 2.0em;
   }
   li {
     font-size: 1.1em;
   }
   ol {
    font-size: 2.1em;
   }
  #KategorieBoxSmall {
    width: 30.0%;
  }
  #ContentBlocktextPage {
    font-size: 0.6em;
    width: 91.5%;
  }
   
}
@media screen and (max-width:990px) {
	body {
		font-size: 11px;
	}
    #suchButton {
      padding-top: 4px;
    }


}
@media screen and (max-width:910px) {
		img.suche {
			width: 1.0em;
			height: auto;
		}
    #wk2dbBig {
      top: -28px;
    }
    #TopNav {
      margin: 0 0.7em 0 0.7em;
    }
    ul {
      margin: 0px 0px 0px 10px;
    }
    #Suche {
      width: 17%;
    }
  #KategorieBoxSmall {
    width: 28.0%;
  }
  #ProduktBox {
    width: 28.0%;
  }
  #KategorieBox {
    width: 30.0%;
  }

}
@media screen and (max-width:835px) {
  img.telefon {
    width: 22px;
    height: auto;
    padding-right: 0.7em;
    padding-top: 1px;
  }
     #wk2dbBig {
      top: -26px;
    }
   h1 {
/*     font-size: 3.0em;
*/   }
   .primary {
     font-size: 2.0em;
   }
   .carousel-cell {
     font-size: 11px;
     padding-top: 9px;
   }
    #TopNav {
      margin: 0 0.5em 0 0.5em;
    }

}
@media screen and (max-width:800px) {
  body {
    font-size: 10px;
  }
		#KategorieBox {
			width: 48%;
		}
		#KategorieBoxSmall {
			width: 47%;
		}
		#ProduktBox {
			width: 47%;
		}
    #suchButton {
      padding-top: 1px;
    }
  #TopNav {
    margin: 0 0.6em 0 0.6em;
  }
  #SuchWort {
    margin: 0;
  }
  #ImagesBoard {
    width: 45%;
    margin-right: 20px;
  }
  #pTitel {
    font-size: 1.2em;
  }
  #pShort {
    display: none;
  }

}
@media screen and (max-width:740px) {
  #wk2dbBig {
    top: -22px;
  }
  .alrg {
    font-size: 1.3em;
  }
  #Navigation {
  }
  #TopNav {
    margin: 0 0.4em 0 0.4em;
  }
  #Suche {
    width: 19%;
  }
  #KategorieBox {
    width: 46.0%;
  }





}
@media screen and (max-width:705px) {
  #Kontakt {
    width: 17%;
    font-size: 1.0em;
  }
  #TopNav {
    margin: 0 0.3em 0 0.3em;
    font-size: 1.0em;
  }
  
}
@media screen and (max-width:645px) {

  

}
/* AB hier wird alles Andaers! HANDYLAYOUT: ein Element je Zeile */
@media screen and (max-width:605px) {
	body {
		font-size: 7px;
		border: none;
	}
  nav {
    display: none;
  }
	#WKMonitor {
		display: none;
	}
  #KatTitel {
    font-size: 1.1em;
  }
  #wkASubtitel {
    font-size: 1.2em;
  }
  #wkABeschriftung {
    width: 100%;
  }
  #wkABeschriftungRechts {
    width: 49%;
  }
  .BackLinkDetails {
    display: none;
  }
		#KategorieBoxSmall {
				width: 98%;
		}
		#KategorieBox {
				width: 98%;
				margin-left: 0px;
		}
		#ProduktBox {
				width: 98%;
		}
		#ImagesBoard {
			width: 94%;
			margin: 0px 0px 0px 12px;
      padding-top: 0px;
			text-align: center;
		}
			#productinfoimages {
				width: 100%;
				height: 45em;
			}
			#boxImageBig {
				width: 43em;
				height: 43em;
			}
			#zoom_03 {
				width: 43em;
				height: 43em;
			}
      .flickity-prev-next-button .flickity-button-icon {
        display: none;
      }
      .flickity-fullscreen-button .flickity-button-icon {
        display: none;
      }
      .flickity-fullscreen-button {
        display: none !Important;
      }
      .flickity-page-dots {
        display: none;
      }
      .carouselSL .flickity-prev-next-button {
        display: none;
      }
      #ImagesBoard {
        padding: 0px 40px 8px 40px;
      }
      .SlaveText {
        font-size: 1.1em;
      }
      .BlocksText1 {
        font-size: 1.2em;
      }
      .mobileFit {
        font-size: 1.0em;
      }
      .mobileFitUL {
        margin-left: 32px;
        margin-top: 4px;
        margin-bottom: 17px;
      }
      #InnenText {
        font-size: 1.1em;
      }
  #ContentBlocktextPage {
    font-size: 1.1em;
  }
  h3 {
    font-size: 2.1em;
  }
   p {
     font-size: 1.4em;
   }
   ol {
    font-size: 1.9em;
   }
    
      
.KategorieBoxDreifach {
		width: 99%;
		margin: 0em;
		font-size: 1.0em;
}
.knowhow{
		width: 93%;
		margin: 0px 0px 0px 12px;
}
		#DiaThumbs, #DiaThumbsRight {
			width: 30%;
		}
		#DetailBoard {
			width: 100%;
		}
			#DiaThumbs {
				width: 13.4em;
				height: 13.4em;
			}
			#DiaThumbsRight {
				width: 13.4em;
				height: 13.4em;
			}
				#thumbUnten {
					height: 13.4em !important;
					width: auto;
					padding-top: 0 !important;
				}
				#fBoxContainer {
						display: block;
						max-width: 1200px;
						width: 91.5%;
						padding: 0 1.5em 0 1.5em;
						text-align: center;
						vertical-align: top;
				}
						#leftbox {
								display: inline-block;
								width: 18%;
								height: 100%;
								margin: 0 2% 0 0;
								padding: 0;
								vertical-align: top;
								text-align: center;
						}
						#rightbox {
								display: inline-block;
								width: 18%;
								margin: 0;
								padding: 0;
								vertical-align: top;
								text-align: center;
						}
								#RoundIcon {
										width: 5.75em;
										height: auto;
								}
  .carousel {
    top: 0px;
    margin-bottom: 2px;
  }
  #sidebar {
    display: block;
  }
  #menu2 {
    display: inline-block;
    width: 100%;
  }
    #LogoMenu {
      width: 70%;
      float: left;
      padding: 10px 10px 10px 10px;
    }
      img.logoMenu {
        width: 150px;
        height: auto;
      } 
    #asideMobileMenu {
      width: 25%;
      float: right;
      padding: 10px 10px 10px 10px;
      text-align: right;
    }
  
  .LoginError {
    color: red;
    font-size: 2.0em;
  }
  .B2BLogin {
    font-size: 2.0em;
  }
  .LoginStatus {
    font-size: 1.4em;
  } 
  #SuchWortMF{
    background-color: #fff;
    border: 1px solid #f58220;
    box-shadow: none;
    color: #2F2D2C !important;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    font-weight: 100;
    width: 100%;
    height: 27px;
    margin-top: 4px;
    font-size: 1.1em;
  }
  
  
  
  
  
  
  
  
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width : 440px) {

	body {
		font-size: 6.5px;
		border: none;
	}
			#productinfoimages {
				width: 100%;
				height: 40em;
			}
			#boxImageBig {
				width: 38em;
				height: 38em;
			}
			#zoom_03 {
				width: 38em;
				height: 38em;
			}
	#WkBoard {
		width: 100%;
	}
		#gscInput {
			width: 9.0em;
		}
		#gscButton {
			width: 125px;
			margin-left: -5px;
		}
  #MobileSuche {
      display: inline-block;
      width: 74%;
      font-size: 2.0em;
      margin: 0 Auto;
      text-align: left;
      margin: 8px 0px 3px 10px;
  }
  #MobileSucheMF {
      display: inline-block;
      width: 100%;
      font-size: 2.0em;
      margin: 0 Auto;
      text-align: left;
      margin: 8px 0px 3px 0px;
  }
    #MobileSucheMFInner {
        width: 78%;
        float:left;
    }
      #SuchwortMF {
        float:left;
        width: 50% !Important;
        font-size: 1.5em;
        border-bottom: 1px solid #999;
      }
    #suchButtonMF {
      float:left;
      width: 20%;
       appearance: auto;
      -webkit-writing-mode: horizontal-tb !important;
      text-rendering: auto;
      color: -internal-light-dark(black, white);
      letter-spacing: normal;
      word-spacing: normal;
      text-transform: none;
      text-indent: 0px;
      text-shadow: none;
      display: inline-block;
      text-align: center;
      align-items: flex-start;
      cursor: default;
      background-color: transparent;
      box-sizing: border-box;
      margin: 0em;
      font: 13.3333px;
      padding: 0;
      border: none;
    }
    
    
    
    
    
    
	.MyPopup .MyPopupText{
		position:initial !important;
		visibility: visible !important;
		font-size: 2.0em;
		border: 1px solid #f58220;
	}
	.MyPopup {
		position:initial !important;
		visibility: visible !important;
		display: inline-block !important;
		width: 98.5%;
		height: auto;
		padding-bottom: 1.5em;
		margin: 0;
		font-family: 'RobotoCondensed-Bold';
		font-size: 0.6em;
		font-weight: bold;
		cursor: pointer;
	}
	.closePopup {
		position:absolute;
		top: 10px;
		left: 50px;
	}
.closePopup {
		position: relative;
		/* top: 10px; */
		left: -10px !important;
		float: right;
		margin-top: -11px;
		background-color: #FFF;
		border: 1px solid grey;
		font-size: 2.5em;
		padding: 5px;
		border-radius: 10px;
		color: #000;
}
p.popup {
		line-height: 1.2em !Important;
		font-family: 'RobotoCondensed-Bold' !Important;
		font-size: 1.8em !Important;
}

  #aside {
      display:none;
  }
  #asideLogin {
    display: block;
    position: absolute;
    top: 50px;
    width: 94%;
    text-align: center;
    font-size: 2.0em;
  }
	#asideMobile {
  	display:block;
    text-align: right;
	}
    .fas{
      font-size: 3.5em;
      padding: 14px 5px 0px 10px;
      color: #888;
    }
    .fasEx{
      font-size: 1.7em;
      padding: 7px 5px 0px 14px;
      color: #888;
    }
    .fasSuche{
      font-size: 1.7em;
      padding: 7px 5px 0px 10px;
      color: #888;
    }
    .toggle {
      visibility:visible;
      position:absolute;
    }









	h4 {
		font-size: 2.0em;
	}
	#WhiteFooter {
			display: none;
	}
    #main {
      display: initial;
      width: 60%;
      padding-left: 4px;
    }
    #Logo {
      width: 100%;
      margin-top: -12px;
    }
		#Slogan {
			display: none;
		}
		#OneMoreSlogan {
			display: none;
		}
		#SubSloganTop {
			display: none;
		}
		#SubSloganUnder {
			display: none;
		}
    #SloganMobile {
      display: block;
      margin: 0px 0px 0px 10px;
      padding: 4px 0 0 0;
      height: 50px;
      font-size: 2.0em;
      font-weight: bold;
      border: none;
    }
	#Suche {
		display: inline-block;
	}
	#SuchWort {
		width: 50%;
		font-size: 1.5em;
		border-bottom: 1px solid #999;
	}
	#SuchWortActiv {
		width: 50%;
		font-size: 1.5em;
	}
	#suchButton {
		text-align: left;
	}
	img.suche {
			width: 2.0em;
			height: auto;
			margin-top: 5px;
	}
	#LoginField {
		margin-top: 0px;
		text-align: left;
		width: 100%;
		font-size: 0.9em;
	}
	#Login {
		margin-right: 0px;
		text-align: left;
	}
	#LoginActiv {
		font-size: 1.3em;
		width: 4.0em;
		text-align: left;
	}
	#LoginWort {
		font-size: 1.3em;
		width: 4.0em;
	}
	img.LoginPic {
			width: 1.0em;
			height: 1.5em;
			float: left;
			margin: 6px 0 0 0;
	}
	#InsideTitel {
			font-size: 1.7em;
			text-align: left;
	}
	#DetailNav {
			display: none;
	}
	#ContentArea {
		width: 100%;
	/*	border: 1px solid #ccc; */
	}
	#ContentBlock {
			display: block;
			margin: 0px 0px 0px 10px;
			width: 95.8%;
			/* max-width: 1200px; */
			/* min-height: 500px; */
			padding: 10px 0 0 0;
			text-align: left;
	}
	#ProduktBox {
			width: 43%;
			border: 1px solid #ccc; 
	}
	#ListElementTexte {
			display: block;
			height: 2.8em;
	}
		#pTitel {
			font-size: 1.0em;
			text-align: center;
      color: #2F2D2C;
      padding: 0 4px;
          line-height: 1.15em;
		}
		#pShort {
      display:none;
			font-size: 1.0em;
			text-align: center;
		}
		#pPreis {
			font-size: 1.1em;
			text-align: center;
			margin-top: 2px;
      padding: 0;
		}
		#DetailsButton {
			text-align: center;
			font-size: 1.0em;
			width: 100%;
      padding: 0.2em;
		}
	#DetailsBox {
		border: 1px solid #ccc;
	}
	#ButtonZumWk {
			display: none;
	}
	#onlyMobile {
		display: none;
		height: fit-content;
		width: 100%;
		text-align: center;
		margin: 10px 0 0 0;
	}
	#OneMoreSloganMobile{
		display: inline-block;
		font-family: 'Architects Daughter', cursive;
		font-size: 2.3em;
		text-align: center;
		padding: 10px 0 10px 0;
		font-weight: bold;
	}
		#DetailTitel {
			font-size: 1.5em;
			font-weight: bold;
		}
		#ArtikelDetails {
			font-size: 1.1em;
		}
		#OrderBox {
			font-size: 1.0em;
		}
		label {
			font-size: 1.0em;
		}
		#inWKnumbers {
			font-weight: bold;
		}
	.BlocksType1 {
		font-size: 1.0em;
	}
	#ContentBlock {
		font-size: 2.0em;
	}
	#wkStep1 {
			width: 30%;
	}
	#wkStext {
			padding: 0px 0 0 0;
			line-height: 1.2em;
	}
	#wkArtikelOhne {
			width: 100%;
	}
	#wkZusammenfassung {
			width: 102%;
			padding: 0;
			margin: 0 0 0 -7px;
	}
	#wkProduktTitel {
			color: #000;
			font-size: 1.15em;
			line-height: 1.2em; */
	}
	#wkZahlung {
			width: 42%;
	}
	#wkRAdress {
			width: 51%;
	}
	#wkLAdress {
			width: 97%;
			height: 164px;
			border-top: 1px solid #7f7f7f;
			border-left: none;
			border-bottom: 1px solid #7f7f7f;
	}
	#wkArtikel {
			width: 100%;
	 }
					#fBoxContainer {
							display: block;
							max-width: 1200px;
							width: 95%;
							padding: 0 1.5em 0 1.5em;
							text-align: center;
							vertical-align: top;
					}
							#leftbox {
									display: inline-block;
									width: 18%;
									height: 100%;
									margin: 0 2% 0 0;
									padding: 0;
									vertical-align: top;
									text-align: center;
							}
							#rightbox {
									display: inline-block;
									width: 15%;
									margin: 0;
									padding: 0;
									vertical-align: top;
									text-align: center;
							}
									#RoundIcon {
											width: 8.0em;
											height: auto;
									}

	#mobilMenue {
			display: inline-block;
			width: 44px;
			height: 34px;
			float: right;
			margin: 8px 10px 3px 0px;
	}
	#MenuBurger {
		width: 40px;
		height: auto;
	}
	#myLinks {
		display: none;
		text-align: center;
	}
	#mobMen{
		width: 100%;
		font-size: 2.8em;
		line-height: 2.4em;
		padding: 5px 0px 3px 0px;
	}
	#mobMen:hover{
		border-bottom: 0.3em solid #f58220;
	}


}