/*-------------------------
Responsive Slider
---------------------------*/

.slider__teaser h3 {
	-webkit-hyphens:auto;
	hyphens:auto;
}

@media screen and (max-width:736px) {

	.slider__teaser {
	  position: absolute;
	  background-color: rgba(223, 237, 249, 0.74);
	  z-index: 1000;
	  top:auto;
	  bottom: 0;
	  font-size: 20px;
	  width: 100%;
	  height: auto;
	  color: rgba(0,0,0,0.7);
	  padding: 1.5em 25px;
	  text-align: center;
	  border-radius:0;
	  font-size:18px;
	}
	.slider__teaserline {
		font-size:18px;
	}

	.slider__teaser h3 {
		display:inline;
		font-size:18px;
		font-weight:900;
		margin:0;
		padding:0;
	}
	.slider__teaser h3::after {
		content: ". ";
	}
	.slider__teaser p {
		display:inline;
	}


}





/*--------------------------------
	SHOP: Katalog
--------------------------------*/
.catalog__head {
	background-color:#ecf3f9;
}
.catalog__nav {
	position:relative;
	overflow:hidden;
}
.catalog__menu {
	max-width:960px;
	margin:0 auto;
	padding:25px 100px 10px 0;
}
.catalog__items { }
.catalog__search_button {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:100px;
	border-left:1px solid #fff;
	background:transparent url(icon_product_search.png) center center no-repeat;
	cursor:pointer;
}
.catalog__menu a {
	line-height:1;
	font-size:14px;
	display:inline-block;
	padding:12px 12px 10px 12px;
	background: white;
	border-radius:4px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.3);
	margin:0 0 15px 10px;
	color:#86939E;
	text-decoration:none;
}
.catalog__menu a.active,
.catalog__menu a:hover {
	color:#ff7911;
}
.catalog__menu a.index {
	background:#1c568e url(icon_index.png) 10px center no-repeat;
	color:#fff;
	padding-left:40px;
}

.catalog__search {
	background-color:#ecf3f9;
	border-bottom:1px solid #fff;
	padding:0em 0;
	height:0px;
	overflow:hidden;
	transition:all 0.3s ease-in;
}
.catalog__search.open {
	padding:2em 0 0 0;
	height:90px;
}
.catalog__searchform {
	max-width:960px;
	margin:0 auto;
	padding:0 10px;
}
@media (max-width:1370px) {
	.catalog__search.cartopen .catalog__searchform {
		margin-right:200px;
	}
}

@media (max-width:640px) {
	.catalog__search.cartopen .catalog__searchform .addon {
		display:none;
	}
}

/* Suchergebnisse */
.found {
	font-size:16px;
}
.found__num {
}
.found__pageindex {
	display:inline-block;
	margin:0 0 0 20px;
}
.found__pageindex a {
	line-height:1;
	display:inline-block;
	margin:0 0 0 5px;
	padding:6px 8px;
	color:inherit;
	text-decoration:none;
}
.found__pageindex a:hover,
.found__pageindex a.active {
	background-color:#ff7911;
	color:#fff;
	border-radius:4px;
}

.catalog {
	margin-bottom:0;
}

.catalog.index {
	background-color:#f4f4f4;
	padding-bottom:40px;
}

.catalog__nav { }
.catalog__nav a { }
.catalog__nav .anchor { }

.catalog__combined {
	margin-bottom:4em;

}
.catalog__category h3 {
	font-size:17px;	
	color: #43484D;
	font-weight: normal;
	padding-bottom: 0.80em;
	margin-top:4em;
	margin-bottom: 1em;
	border-bottom: 1px solid #979797;
}
.catalog.categories .catalog__category:first-child h3 {
	margin-top:0em;
}
.catalog__category.catalog__combined h3 {
	padding-bottom:0.4em;
	margin-bottom:1em;
}
.catalog__category h3 a {
	color:inherit;
	text-decoration:none;
}
.catalog__category h3 a:hover {
	color:#ff7911;
}

.catalog__category_lead {
	text-align:left;
}
.catalog__category_lead img {
/*
	width:85%;
*/
	height:auto;
}
.catalog__category_all {
	border-bottom:1px solid #979797;
	margin:1em 0 0 0;
	text-align:right;
}
.catalog__category_all a {
	color:inherit;
	text-decoration:none;
	
}

.products {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:flex-end;
	padding:0;
	margin:0 0 0 0;
}
.products__item {
	width:425px;
	margin:0;
	padding:0;
	font-size:14px;
	color:#63686D;
	/*border:1px dotted grey;*/
}
.products__item a {
	color:inherit;
	text-decoration:none;
}
.products__item h3 {
   color: #43484D;
   font-weight: normal;
   font-size:17px;
}
.products__item_image {
	display:flex;
	align-items:flex-end;
}
.products__item_image img {
	width:90%;
	height:auto;
}
.products__item_text {
	align-self:flex-end;
	margin-bottom:20px;

}

.catalog__thumbs {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items:flex-end;
	padding:1rem;
	margin:0;
}
.catalog__thumb {
	position:relative;
	width:170px;
	padding:0;
	margin:0 20px 0 0;
	text-align:center;
}
.catalog__thumb a {
	display:block;
}
.catalog__thumb:nth-child(5n) {
	margin-right:0;
}
.catalog__thumb img {
	line-height:1;
	width:100%;
	
}
.catalog__hover {
	position:absolute;
	top:90%;
	left:0;
	font-size:14px;
	line-height:1.3;
	color:#979797;
	background-color:white;
	border-radius:6px;
	padding:12px;
	box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.3);
	
	z-index:500;
	display:none;
	opacity:0;
	transition:opacity 0.3s ease-out;
}
.catalog__thumb:hover .catalog__hover {
	display:block;
	opacity:1;
}
.catalog__hover h4 {
	font-size:15px;
	font-weight:normal;
	margin:0 0 0.4em 0;
	padding:0;
	color:#43484d;
}


.prod__row {
   display: flex;
   width: 100%;
   justify-content:flex-start;
   align-items:stretch;
   flex-wrap:wrap;
   padding-left:2px;
}
.prod__box {
   width:170px;
   min-height: 100px;
   background: white;
   border: 1px solid white;
   box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.3);
   border-radius: 6px;
   text-align: center;
   padding-top: 10px;
   margin:0 20px 20px 0;
}
.prod__box:hover { border: 1px solid #fd7a07; }
.prod__box:nth-child(5n+5) { margin-right: 0; }

.prod__box a {
	display:block;
	color: #43484D;
	text-decoration: none;
}
.prod__boximg {
	display:block;
	height:150px;
	width:110px;
	margin:0 auto;
	background-color:transparent;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.prod__boxtitle {
	display:block;
	margin:1.0em 0 0 0;
	font-size:15px;
	line-height:1.2;
	padding:0 4px 12px 4px;
}


@media screen and (max-width:959px) {
	.prod__row {
		padding-left:0;
	}
	.prod__box {
		margin-right:10px;
		margin-bottom:10px;
	}
	.prod__box:nth-child(5n+5) {
		margin-right:10px;
	}
	.catalog__thumb,
	.catalog__thumb:nth-child(5n+5) {
		margin-right:10px;
	}
}
@media screen and (max-width:739px) {

	.prod__box:nth-child(5n+5) {
		margin-right:10px;
	}
	.catalog__hover {
		position:static;
		display:block;
		opacity:1;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	.prod__add .prod__box {
		width:155px;
	}
}
@media screen and (max-width:400px) {

	.prod__box {
		width:150px;
	}
	.prod__add .prod__box {
		width:130px;
	}
	.prod__add .prod__boximg {
		height:130px;
	}
	
	.prod__box:nth-child(2n+2) {
		margin-right:0px;
	}
	.catalog__thumb {
		margin-right:10px;
	}

	.catalog__thumb:nth-child(2n+2) {
		margin-right:0px;
	}

	.prod__boxtitle {
		-webkit-hyphens:auto;
		hyphens:auto;
	}
}

@media screen and (max-width:320px) {
	.prod__add .prod__box {
		width:120px;
	}
	.prod__box {
		width:130px;
	}
}


.pro__overview .hoveritem {
	display:inline-block;
	width:50%;
}
.pro__overview .hoveritem img {
	width:90%;
	height:auto;
}
.variants .unit {
	white-space:nowrap;
}


/* EINZELANSICHT */
.product_nav {
	max-width:960px;
	margin:0 auto 1.3em auto;
	font-size:26px;
	color:#43484D;
	font-weight:300;
	line-height:1.4;
}
.product_nav a {
	display:inline-block;
	color:inherit;
	font-weight:300;
	text-decoration:none;
	background-image: url(/grafik/icon_list.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-right: 1.8em;
}
.product_nav span::before {   
	display:inline-block;
	margin:0 0.4em;
}
.product_nav a:first-child {
	margin-left: 0;
	font-weight:bold;
	color:#ff7911;
}
.product_nav a:last-child {
	margin-right:0;
}
.product_nav a:hover {
	color:#ff7911;
	background-image: url(/grafik/icon_list_aktiv.svg);
}
.product_nav span {
	display:inline-block;
}


.wrap960 { 
   width: 960px; 
   min-height: 20px;
   margin: 0 auto;
}

h2.headline__pathformat { 
   font-size: 34px;
   color:  #43484D; 
   margin-bottom:1.5em;
   
}
h2.headline__pathformat  a {
   color:  #43484D !important; 
}

h2.headline__pathformat a strong {
   color: #FF7911; 
   font-weight: 600;
}

section.videobox {
   padding-top: 4em;
   min-height: 2em;
   margin-top:0;
   background-repeat: no-repeat;
   background-position: center top;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSI2ODYgMTg3NCA2NCAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDIgKDM2NzgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPHBvbHlnb24gaWQ9IlRyaWFuZ2xlLUNvcHkiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI0VDRjNGOSIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjcxOCAxODk5IDY4NiAxODc0IDc1MCAxODc0Ij48L3BvbHlnb24+Cjwvc3ZnPg==");
}

.videoplayer {
	max-width:960px;
	margin:0 auto;
}
.videoplayer video { border: 1px solid #eee; }

.prod__add__teaser {
   width: 200px;
   min-height: 200px;
   background: white;
}
.prod__add__teaser img { width: 100%;}

.prod__add { 
   width:100%;
   margin:4em auto 0 auto;
   min-height: 100px; 
   padding: 2em 0;
   background-color: #ECF3F9;
   background-repeat: no-repeat;
   background-position: center top; 

   background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSI2ODYgMTUyNCA2NCAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgc3Ryb2tlPSJub25lIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iNzE4IDE1NDkgNjg2IDE1MjQgNzUwIDE1MjQiPjwvcG9seWdvbj4KPC9zdmc+');

}

.prod__add h3 {
   font-size: 22px;
   color: #43484D;
   font-weight: 100;
}


/*--------------------------
   Produktbox wie Index
---------------------------- */
.pro__row {
   display: flex;
   width: 100%;
}
.pro__box {
   width: 100%;
   height: 60vw;
   min-height: 100px;
   margin: 10px;
   background: white;
   border: 1px solid white;
   box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.3);
   border-radius: 6px;
   text-align: center;
}
.pro__box:hover { border: 1px solid #fd7a07; }
.pro__box:first-child { margin-left: 0; }
.pro__box:last-child { margin-right: 0; }
.pro__box img {width: 90%;}
.pro__box a { color: #43484D; text-decoration: none;}
.pro__box span { display: block; margin:1.5em 0 0 0; font-size: 15px;}






/* Page */
.prod__page { 
	max-width: 960px;
	margin: 1em auto;
}
.prod__descr { 
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
@media screen and (max-width:959px) {
	.single_product {
		padding:0 1em;
	}
}
@media screen and (max-width:640px) {
	.prod__descr {
		display:block;
	}
	.prod__image {
		margin-bottom:2em;
	}
}
/* Leichte Werkstattwag: */
.prod__descr h3 {
  font-size: 38px;
  color: #43484D;
  letter-spacing: 0px;
  line-height: 42px;
  font-weight: 100;
   margin:0;
   padding:0;
}
.prod__descr h4 {  
   font-size: 19px;
   color: #43484D;
   letter-spacing: 0px;
   font-weight: 400;
   margin:0.75em 0;
   padding:0;  
}

.prod__image {
	flex:1;
	padding-right:1em;
}
.prod__text {
	flex:1;
	line-height: 1.6em;
}
.prod__image a {
	display:block;
}
.prod__image img { width: 100%; }

.prod__badges {
	margin-top:2em;
}
.prod__badge {
	display:inline-block;
	width:76px;
	height:76px;
	margin-right:1em;
	background:transparent url(logo_madeingermany_de.png) no-repeat center center;
	background-size:100% auto;
}
.prod__badge.g10 { background-image:url(logo_garantie_de.png) }
.prod__badge.mig { background-image:url(logo_madeingermany_de.png) }
.prod__badge.slp { background-image:url(logo_48h_de.png) }
.prod__badge.ts { background-image:url(logo_totalstop_de.png) }

.lang-2 .prod__badge.g10 { background-image:url(logo_garantie_en.png) }
.lang-2 .prod__badge.mig { background-image:url(logo_madeingermany_en.png) }
.lang-2 .prod__badge.slp { background-image:url(logo_48h_en.png) }
.lang-2 .prod__badge.ts { background-image:url(logo_totalstop_en.png) }

.lang-3 .prod__badge.g10 { background-image:url(logo_garantie_nl.png) }
.lang-3 .prod__badge.mig { background-image:url(logo_madeingermany_nl.png) }
.lang-3 .prod__badge.slp { background-image:url(logo_48h_nl.png) }
.lang-3 .prod__badge.ts { background-image:url(logo_totalstop_nl.png) }

.lang-4 .prod__badge.g10 { background-image:url(logo_garantie_fr.png) }
.lang-4 .prod__badge.mig { background-image:url(logo_madeingermany_fr.png) }
.lang-4 .prod__badge.slp { background-image:url(logo_48h_fr.png) }
.lang-4 .prod__badge.ts { background-image:url(logo_totalstop_fr.png) }


/* Thumb ROW */
.prod__thumbrow {
	width:100%;
}
.prod__thumbrow span { 
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 1px solid #DFDFDF;
	padding: 10px;
	vertical-align:top;
	margin-left:10px;
}
.prod__thumbrow .prod__videothumb {
	border:0;
	margin-left:0px;
}
.prod__thumb, .prod__videoicon { width: 50px; max-height:47px; }


.prod__pdf {
	display:inline-block;
	width:20px;
	height:22px;
	background:transparent url(icon_pdf.png) no-repeat;
}
.prod__variants {
	margin:2em 0;
}
.variants {
	width:100%;
	border-collapse:collapse;
	font-size:14px;
	line-height:1.1;
}
.variants th {
	padding:10px 8px;
	text-align:left;
	font-weight:normal;
	font-size:13px;
	color:#43484d;
}
.variants td {
	padding:10px 8px;
	background-color:#f5f5f5;
	color:#43484d;
	border-bottom:1px solid #fff;
}
.variants.orderable td:nth-last-child(2) {
	color:#0061a1;
	text-align:right;
}
.variants.orderable th:nth-last-child(2) {
	text-align:center;
}
.variants .quantity {
	border:2px solid #0061a1;
	/*background-color:rgba(0,97,161,0.3);*/
	background-color:#dde6ec;
	text-align:right;
	padding:4px;
}

/* Mobile Varianten */
.variants dl {
	display:flex;
	width:100%;
	margin-right:10px;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	background-color:#f5f5f5;
	color:#43484d;
	margin:1em 0 1em 0;
}
.variants dt {
	font-weight:400;
	color:#222;
	font-size:14px;
	border-bottom:1px solid #fff;
	flex-basis:50%;
	margin:0;
	padding:10px;
}
.variants dd {
	font-weight:normal;
	font-size:14px;
	margin:0 0 0 auto;
	padding:10px;
	overflow:hidden;
	border-bottom:1px solid #fff;
	text-align:right;
	flex-basis:50%;
}
dl dt:first-child {
	font-weight:600;
	background-color:#ddd;
	color:#43484d;
}
dl dt:first-child + dd {
	font-weight:600;
	background-color:#ddd;
	color:#43484d;
}
dl dt:nth-last-child(2) {
	border:0;
}
dl dd:last-child {
	border:0;
}

.variants.mobile {
	display:none;
}
@media all and (max-width:820px) {
	.variants.not-so-mobile {
		display:none;	
	}
	.variants.mobile {
		display:block;
	}
}


.vat_info {
	margin:0.5em 0 0 0;
	font-size:14px;
	color:#979797;
}
.basket__hint {
	margin:2em 0;
	padding:20px;
	background-color:#f5f5f5;
	color:#43484d;
}

/* Button BUY */
.basket__line { text-align: right;}
.basket__line a.btn {
	margin-right:2em;
}
.btn-buy { 
   background-color: #7DC855;
   border: 1px solid #7DC855;
   color: white;
   padding-left: 70px;
   padding-right: 30px;
/*
   font-size: 17px; 
*/
  /* line-height: 2rem;*/
  /* border-radius: .5rem;*/
  /* height: 4.2rem;*/
   background-repeat: no-repeat;
   background-position: left 20px center;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIxMDM3IDE0MTIgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0ic2hvcHBpbmctY2FydC0yIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3LjAwMDAwMCwgMTQxMi4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICA8ZyBpZD0iRnJhbWVfLV8yNHB4Ij4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgaWQ9IkZpbGxlZF9JY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LDAgQzE1LjUzNCwwIDE1LjEzMSwwLjMyMSAxNS4wMjUsMC43NzUgTDE0LjA1LDUgTDEsNSBDMC42OTEsNSAwLjQwMSw1LjE0MiAwLjIxMiw1LjM4NCBDMC4wMjMsNS42MjcgLTAuMDQ1LDUuOTQ0IDAuMDI5LDYuMjQyIEwyLjAyOSwxNC4yNDIgQzIuMTQxLDE0LjY4OCAyLjU0MSwxNSAzLDE1IEwxMywxNSBDMTMuNDY2LDE1IDEzLjg2OSwxNC42NzggMTMuOTc1LDE0LjIyNSBMMTYuNzk1LDIgTDIwLDIgTDIwLDAgTDE2LDAgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjQiIGN5PSIxOCIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjEyIiBjeT0iMTgiIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}
.btn-buy:hover {
   background-repeat: no-repeat;
   background-position: left 20px center;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIxMDM3IDE0MTIgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0ic2hvcHBpbmctY2FydC0yIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM3LjAwMDAwMCwgMTQxMi4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iR3JvdXAiPgogICAgICAgICAgICA8ZyBpZD0iRnJhbWVfLV8yNHB4Ij4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgaWQ9IkZpbGxlZF9JY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LDAgQzE1LjUzNCwwIDE1LjEzMSwwLjMyMSAxNS4wMjUsMC43NzUgTDE0LjA1LDUgTDEsNSBDMC42OTEsNSAwLjQwMSw1LjE0MiAwLjIxMiw1LjM4NCBDMC4wMjMsNS42MjcgLTAuMDQ1LDUuOTQ0IDAuMDI5LDYuMjQyIEwyLjAyOSwxNC4yNDIgQzIuMTQxLDE0LjY4OCAyLjU0MSwxNSAzLDE1IEwxMywxNSBDMTMuNDY2LDE1IDEzLjg2OSwxNC42NzggMTMuOTc1LDE0LjIyNSBMMTYuNzk1LDIgTDIwLDIgTDIwLDAgTDE2LDAgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjQiIGN5PSIxOCIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjEyIiBjeT0iMTgiIHI9IjIiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

/* ----------------------------- 
   Warenkorb / Bestellprozess 
--------------------------------*/

.cart {
	border-collapse:collapse;
	width:100%;
	font-size:14px;
}
.cart th {
	font-weight:bold;
	color:#333;
	background-color:#f5f5f5;
	text-align:left;
	border:1px solid #aaa;
	padding:4px;
}
.cart td {
	padding:4px;
	border:1px solid #aaa;
	line-height:1.5em;
}
.cart td.col1 {
	vertical-align:top;
}
.cart td.col2 {
	vertical-align:top;
}
.cart tr.even td {
	background-color:#fff;
}
.cart tr.odd td {
	background-color:#fafafa;
}
.cart tr.totals td {
	font-weight:bold;
	color:#333;
}
.cart td.num {
	text-align:right;
	padding:4px 8px;
}
.cart .teaser {
	font-size:11px;
	font-weight:normal;
}
.cart .quantity {
	border:1px solid #aaa;
	width:40px;
	text-align:right;
	padding:2px 3px;
}
.cart .remove {
	text-align:center;
	padding:2px 2px;
	color:#a00;
	background-color:#fff;
	cursor:pointer;
	border:1px solid #aaa;
}
.cart .pdf_link {
	font-weight:normal;
	font-size:11px;
}
.cart__form .controls {
	margin:2em 0px;
	text-align:right;
}
.cart__form .controls .btn + .btn {
	margin-left:2em;
}





/* Formular Definition */

/* Div das das Formular umschließt */
.formgen { }


/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox],
input[type=radio], input[type=button],
input[type=submit] {
	cursor: pointer;
}

/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock {
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}
.formblock.controls {
	text-align:center;
}
.controls .btn + .btn {
	margin-left:1em;
}

.forminfo {
	margin-bottom: 15px;
	background-color: #f5f5f5;
	padding:15px;
	font-weight: bold;
	border: 1px solid #979797;
}



/*
--------- FORMULAR-OBJEKTE ------------
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 300px;
	height: 100px;
	margin-left: 4px;
	padding: 4px;

	border: 1px solid #CCC;
}


/* Textfeld */
.formgen .formtext {
	width: 300px;
	margin-left: 4px;
	margin-bottom: 10px;
	padding: 4px;
	font-size: 1em;

	border: 1px solid #CCC;
}

.formgen input:focus, .formgen input:hover,
.formgen textarea:focus, .formgen textarea:hover {
	background-color: #ecf3f9;
}
.formtext.zip { width:65px; }
.formtext.town { width:228px }



/* Label */
.formgen label {
	width: 180px;
	display:inline-block;
	height: 20px;
	text-align: right;
	margin-right:5px;
}
@media screen and (max-width:736px) {
	.formgen label {
		display:block;
		text-align:left;
		margin-bottom:0.5em;
	}
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 200px;
	margin-bottom: 10px;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit { }

/* Fieldsetbeschriftung */
.formgen legend {
	color: #195790;
	padding-left: 25px;
	padding-right: 25px;
	font-weight: bold;
}
.formgen .fieldset {
	margin-bottom: 10px;
	padding: 25px;
	border: 1px solid #CCCCCC;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {

	border-bottom-width: 1px;
	color: #990000;
}

.formhinweis {
	margin-bottom: 25px;
	margin-left: 25px;
	color: gray;
}


.formgen .formreq {
	color: #fd7a07;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* -------- Profil ----------*/
.addresses {
	margin-top:20px;
	width:100%;
	border-collapse:collapse;
}
.addresses td, .addresses th {
	border:1px solid #888;
	vertical-align:top;
	padding:4px;
	font-size:12px;
}
.addresses th {
	background-color:#eee;
	color:#333;
	font-weight:normal;
	text-align:left;
}
/* Bestellhistorie */
.orders { }
.order {
	margin-bottom:30px;
}
.order ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	overflow:hidden;
}
.order ul li {
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	padding-bottom:0.3em;
}
.order ul li.adr {
	float:right;
}
.order .adress_block {
	margin:0px 0px 10px 0px;
	padding-top:5px;
	border-top:1px dotted #aaa;
	color:#444;
	overflow:hidden;
}
.order .a1 {
	width:40%;
	float:left;
}
.order .a2 {
	min-width:250px;
	float:left;
	margin-left:30px;
}

.order table {
	border-collapse:collapse;
	width:100%;
}
.order td {
	border:1px solid #444;
	padding:2px 4px;
	vertical-align:top;
}
.order th {
	background-color:#eee;
	border:1px solid #444;
	font-size:1em;
	text-align:left;
	color:#444;
	padding:2px 4px;
}
.order .c1 { }
.order .c2 { }
.order .c3 { }

.order .amnt {
	text-align:left;
	width:40px;
}
.order .artn {
	text-align:left;
	width:60px;
}
.order .price {
	text-align:right;
	width:85px;
}
.error {
	color:#a00000;
}
.profil .error {
	margin:0px 0px 10px 25px;
}

.warenkork_badget {
	position: absolute;
	top: 140px;
	right: 0px;
	width: 200px;
	height: auto;
	background-color: #FF7911;
	color: white;
	z-index: 500;
	padding: 10px 20px 10px 70px;
	border-radius: 0 0 0 4px;
	font-weight: bold; 
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.30);
	background-repeat: no-repeat;	
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIxMTIwIDMxNSAzMSAzMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJjYXJ0c3ltYm9sIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTIxLjAwMDAwMCwgMzE1LjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MzMzMzMsIDAuODMzMzMzKSIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTIyLjY2NjY2NjcsMCBDMjIuMDA2NSwwIDIxLjQzNTU4MzMsMC40NTQ3NSAyMS4yODU0MTY3LDEuMDk3OTE2NjcgTDE5LjkwNDE2NjcsNy4wODMzMzMzMyBMMS40MTY2NjY2Nyw3LjA4MzMzMzMzIEMwLjk3ODkxNjY2Nyw3LjA4MzMzMzMzIDAuNTY4MDgzMzMzLDcuMjg0NSAwLjMwMDMzMzMzMyw3LjYyNzMzMzMzIEMwLjAzMjU4MzMzMzMsNy45NzE1ODMzMyAtMC4wNjM3NSw4LjQyMDY2NjY3IDAuMDQxMDgzMzMzMyw4Ljg0MjgzMzMzIEwyLjg3NDQxNjY3LDIwLjE3NjE2NjcgQzMuMDMzMDgzMzMsMjAuODA4IDMuNTk5NzUsMjEuMjUgNC4yNSwyMS4yNSBMMTguNDE2NjY2NywyMS4yNSBDMTkuMDc2ODMzMywyMS4yNSAxOS42NDc3NSwyMC43OTM4MzMzIDE5Ljc5NzkxNjcsMjAuMTUyMDgzMyBMMjMuNzkyOTE2NywyLjgzMzMzMzMzIEwyOC4zMzMzMzMzLDIuODMzMzMzMzMgTDI4LjMzMzMzMzMsMCBMMjIuNjY2NjY2NywwIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8ZWxsaXBzZSBpZD0iT3ZhbCIgY3g9IjUuNjY2NjY2NjciIGN5PSIyNS41IiByeD0iMi44MzMzMzMzMyIgcnk9IjIuODMzMzMzMzMiPjwvZWxsaXBzZT4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgY3g9IjE3IiBjeT0iMjUuNSIgcj0iMi44MzMzMzMzMyI+PC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
	background-position: left 10px center;
	display:none;
}
.warenkork_badget a {
	text-decoration:none;
	color:#fff;
}
.warenkork_badget.open {
	display:block;
}