@font-face {
font-family:'pixyfoto';
/* first for IE 4–8 */
src: url('/assets/fonts/pixyfoto.eot');
src: url("/assets/fonts/pixyfoto.eot")format("embedded-opentype"),/*?#iefix*/
url("/assets/fonts/pixyfoto.woff") format("woff");
}
@font-face {
font-family:'pixyfoto-regular';
/* first for IE 4–8 */
src: url('/assets/fonts/pixyfoto-Regular.eot');
src: url("/assets/fonts/pixyfoto-Regular.eot")format("embedded-opentype"),/*?#iefix*/
url("/assets/fonts/pixyfoto-Regular.woff") format("woff");
}
@font-face {
font-family:'pixyfoto-medium';
/* first for IE 4–8 */
src: url("/assets/fonts/pixyfoto-Medium.eot");
/* then for WOFF-capable browsers */
src: url("/assets/fonts/pixyfoto-Mdium.eot")format("embedded-opentype"),
url("/assets/fonts/pixyfoto-Medium.woff") format("woff");
}
@font-face {
font-family:'pixyfoto-bold';
/* first for IE 4–8 */
src: url("/assets/fonts/pixyfoto-Bold.eot");
/* then for WOFF-capable browsers */
src: url("/assets/fonts/pixyfoto-Bold.eot")format("embedded-opentype"),
url("/assets/fonts/pixyfoto-Bold.woff") format("woff");
}
@font-face {
font-family:'pixyfoto-light';
/* first for IE 4–8 */
src: url("/assets/fonts/pixyfoto-Light.eot");
/* then for WOFF-capable browsers */
src: url("/assets/fonts/pixyfoto-Light.eot")format("embedded-opentype"),
url("/assets/fonts/pixyfoto-Light.woff") format("woff");
}

@font-face {
font-family:'poetsen-regular';
/* first for IE 4–8 */
src: url("/assets/fonts/PoetsenOne-Regular.eot");
/* then for WOFF-capable browsers */
src: url("/assets/fonts/PoetsenOne-Regular.eot")format("embedded-opentype"),
url("/assets/fonts/PoetsenOne-Regular.woff") format("woff");
}

.pixyfoto {
font-family:'pixyfoto';
}
.pixyfoto-regular {
font-family:'pixyfoto-regular';
}
.pixyfoto-medium {
font-family:'pixyfoto-medium';
}
.pixyfoto-bold {
font-family:'pixyfoto-bold';
}
.pixyfoto-light {
font-family:'pixyfoto-light';
}

.poetsen {
font-family:'poetsen-regular';
}

html, body {
  overflow-x: hidden;
}

body { font-family:pixyfoto-medium,'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#333; font-size:16px;}

a, a:link, a:visited { border-bottom: 1px dotted #428bca;  }
a:hover, a:focus { text-decoration:none; border-bottom: 1px solid #428bca; color: #428bca;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: pixyfoto-medium,"Open Sans",'Helvetica Neue', Helvetica,Arial,sans-serif;
}
#content-wrapper {
	height:100%;
	width:100%;
	box-sizing: border-box;
	position: absolute;
	z-index: 3;	
	display:none;
}
#content-container {
	width:1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top:	60px;
	opacity: 1;
	z-index:5;
	overflow: visible !important;
	background-color: #FFF;
    position: relative;
}

.container-full {
	width:100%;
	margin:0;
	position: relative;
	min-height:300px;
}
#impressum { padding-bottom:60px; }
#codes .container-full {
	min-height:200px;
}

#div-page .container-full.banner {
	margin-top:60px;min-height:100px;margin-bottom:20px;		
}
#div-page .container-full.banner.masterslider {
	/*margin-bottom:-59px;*/		
}
#div-page2 .container-full.banner {
	margin-top:-15px;min-height:100px;margin-bottom:0px;		
}

.container-full.masterslider {
	min-height:350px;
	
}

.container-full-inner {
	margin-left: auto;
	margin-right: auto;
    position: relative;
	width:1300px;
}
.container-full-inner-cell {
	margin-left:0px;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
	max-width:100%;
}
.container-full-inner-cell.white, .container-full-inner-cell.black {
	padding-top:0px;
	padding-bottom:0px;
	margin-left:-15px;
	margin-bottom:-25px;
	padding-left:15px;
	margin-right:-15px;
	
}
.container-full-inner-cell.banner-more {
	margin-top:-25px;
	margin-bottom:15px;
}

.container-full .div-header {
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	font-weight:300;
	background:none !important;
	margin-left:0;
	font-size:32px;
	letter-spacing:0.01em;
}
.container-full .div-header.shadow { text-shadow: 0px 0px 3px #000; }
.container-full .div-header.dark { color: #000; }
.container-full .div-header.dark.white {
	margin-top: 15px;
	background: #fff !important;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left:20px;
	padding-right:20px;
	margin-right: -15px;
}
.container-full .div-header.x { /*color: #FFF;*/ }
.container-full .div-header.x {
	margin-top: 15px;
	/*background: rgba(0,0,0,0.65) !important;*/
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left:20px;
	padding-right:20px;
	margin-right: -15px;
	font-size:42px;
	border-bottom: 1px solid #d6d6d6;
}
.container-full .div-header.x .fa-circle.x1 { font-size:10px; }
.container-full .div-header.x .fa-circle.x2 { font-size:12px; }
.container-full .div-header.x .fa-circle.x3 { font-size:14px; }
.container-full .div-header.x .fa-circle.x4 { font-size:16px; }

.container-full .div-set {margin-top: 0px;margin-bottom: -30px;padding-top:10px;/*min-height:400px;*/height:auto;}
.container-full .div-set.div-set-header {min-height:60px;}
#div-page .container-full .div-set.light2 h4 { font-size:18px;}
#div-page2 .container-full .div-set.light2 h3 { margin-top:/*8px*/0;font-size:32px;line-height:50px;}
#div-page2 .row.artikel { margin-bottom:50px; padding-bottom:30px; border-bottom:1px solid #d6d6d6; }
.container-full .set-img h3 {
	display:inline-block; 
	font-size: 28px;
	margin-top:30px;
	margin-bottom:10px;
}

.container-full .div-setx {
	margin-bottom: -99999px !important;
	padding-bottom: 99999px !important;
}

.container-full .div-img {margin-left: -15px;}

.container-full .set-img img {
	border:/*3px solid white*/0;
	margin:/*2px*/0;
	margin-right:-4px;
}

.container-full .set-img {
	display:inline-block;
	position:relative;
	height:inherit;
}
.container-full .set-img-text {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
	color: white;
	padding: 2px 5px 2px 5px;
	position: absolute;
	bottom: 5px;
	margin-left: 5px;
	font-size: 9px;
}

.container-set {
	min-height:350px;
	height:350px;
	margin-bottom:40px;
}

.font-oswald {
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	letter-spacing:0.01em;
	font-weight:300;
}

.in-basket {cursor:pointer;margin-left:20px;}
.in-basket:hover {opacity:0.9;}

.set-links { padding-right:20px; }
.set-rechts { padding-left:20px; }
.set-mitte>.row { margin-left:-5px;margin-right:-5px; }

.col-set {
	border:10px solid #444;background:rgba(0,0,0,0.4)
}

.col-set.light {
	border:10px solid white;background:#EAEDED /*rgba(255,255,255,0.5)*/;
}
.col-set.light2 {
	border:0px solid white;background:#fff ;
}

.col-set.light .set-img-solo img {
    margin-top: 15px;
    border: 5px solid #fff;
}
.col-set.light2 .set-img-solo img {
    margin-top: /*100px*/ 0px;
    border: 0px solid #444;
}
.col-set.light2 .set-img-solo.Leinwand img {
	box-shadow: 0 0 8px 8px white inset;
}
.col-set.light2 .set-info-solo { margin-top:0px;}

.container-full .div-set h3 {
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	color:white;
	font-size:42px;
	font-weight:300;
	letter-spacing:0.01em;
	line-height:36px
}

.container-full .div-set.light h3, .container-full .div-set.light2 h3 {
	color:#333;
}

.container-full .div-preis {
	display:inline-block;float:right;
}

.container-full .div-set .preis-text {
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	color:white;
	font-size:16px;
	font-weight:300;
	letter-spacing:0.02em;
}
.container-full .div-set .preis-text-statt {
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	color:white;
	font-size:18px;
	font-weight:300;
	letter-spacing:0.02em;
	margin-right:15px;
	display:inline-block;
	text-decoration:none;
	position:relative;
}
.container-full .div-set .preis-text-statt:after {
    content:"";    /* required property */
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px solid red;
    height: 45%;    /* adjust as necessary, depending on line thickness */
    /* or use calc() if you don't need to support IE8: */
    height: calc(60% - 1px); /* 1px = half the line thickness */
    width: 100%;
    transform: rotateZ(-6deg);
}
.container-full .div-set.light .preis-text, .container-full .div-set.light2 .preis-text {
	color:#333;
}

.container-full .div-set.light .preis-text-statt, .container-full .div-set.light2 .preis-text-statt {
	color:#333;
}
.container-full .div-set .preis-text.euro {
	font-size:32px;
	font-weight:300;
	letter-spacing:0;
	margin-right:0px;
}
.container-full .kacheln .div-set .preis-text.euro {
	font-size:32px;
	font-weight:300;
	line-height: 28px !important;
	display: inline-block;
	margin-bottom: 10px;
}
.container-full .div-set .preis-text.euro.klein {
	font-size:18px;
}

.container-full .div-set-header.light2>div { padding-bottom:10px;}

.container-full .div-set h3.top-angebot { font-size: 20px;line-height:26px;display:inline-block;color:white;margin: 0 -10px 10px 0px; padding:10px;  background-color: #FF9552; color:white;}
.container-full .div-set h3.gratis {margin-top:0;font-size: 20px;line-height:26px;display:inline-block;margin-left:30px;}

.container-full .paket-modell { margin-top:10px; }
.container-full .paket-preis { text-align:right;margin-top:10px; }
.container-full .paket-basket { text-align:right; }

.kacheln.strike:after, .kacheln .product-block.strike:after, .kacheln-v2.strike:after {
/*    content:"";  
    position: absolute;
    top:250px;
    left: 0;
    border-top: 3px solid #ccc;
    height: calc(60% - 1px); 
    width: 100%;
    transform: rotateZ(25deg);
	margin-left:-13%;
*/
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background:
linear-gradient(to bottom left, transparent 0%, transparent 50%, rgba(178,34,34,0.7) 51%, transparent 51%, transparent 100%),
linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(178,34,34,0.7) 51%, transparent 51%, transparent 100%);
}

#warenkorb-bottom { display:none; }
#warenkorb-bottom.loaded { display:block; }

#warenkorb-bottom.container-full {	z-index:1040;position: fixed !important; min-height:60px !important; height:auto; bottom:0px !important;background:#363C3F;color:#FFF; border-top:0px solid #fff;}
#warenkorb-bottom.container-full a, #warenkorb-bottom.container-full a:visited {color:#FFF; border-bottom:1px dotted #FFF; }
#warenkorb-bottom.container-full a:hover {color:#FFF; border-bottom:1px solid #FFF; }

#warenkorb-bottom .container-full-inner-cell { padding-bottom:0; }

.warenkorb-bottom-div-preis { font-size: 32px;font-weight: 500; line-height:0.8em; color: #488A70;/*rgb(215, 16, 23);*/ }

.kostenlos .set-img div { margin-top:18px;padding-right:50px; }

.set-img-solo .fa-search-plus, .ms-slide-container .fa-search-plus {
    position: absolute;
    /*right: 7%;
    bottom: 1%;*/
	right:10px;
	top:3px;
    color: #444;
    font-size: 24px;
}

.ms-slide-container .fa-search-plus {
	z-index:999;
	color:#000;
}
.btn.btn-cart {
	/*width:100%;*/ 
	width:/*auto;*/100%;
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	/*position:absolute;
	top:190px;
	left:0px;*/
	border-radius:50px !important;
	padding-left:8px;
	/*height:48px;
	padding:0 35px;*/
	margin-left:0;
	margin-bottom:78px;
	margin-top:35px;
	/*margin-bottom:60px;
	margin-top:35px;*/
	/*background-color: #fff !important;
	border: 2px solid black !important;
	*/
	color: #fff;
	background-color: #FF9552 !important;
	border: 2px solid #FF9552 !important;
	padding: 5px 10px;
	height: 36px;
}

#div-page2 .sh
#div-page .btn-cart {top:30px;right:30px;left:auto;width:150px; }

.btn.btn-cart.btn-success {
	background-color:  #488A70 !important;
	border: 1px solid  #488A70 !important;
	color:#fff;
	box-shadow:none;
}

.btn-option .btn, .btn-motiv .btn, .btn-groesse .btn, .btn-farbe .btn, .btn-stil .btn, .btn-modell .btn {
	width:auto;
	border-radius:0;
	background-color: #fff;
	border: 1px solid transparent;
	margin-bottom:3px;
	margin-right:0;
	padding:/*3px 8px 3px 8px*/2px 5px 2px 5px;
	font-size:14px;
}

.btnLabel { 
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	height: auto;
	line-height: 10px;
	margin-top:15px;
}
.btn-motiv .btn, .btn-stil .btn {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width:/*40px100px;*/65px;
	height:/*40px100px;*/65px;
	opacity:0.95;
	border:/*2px solid #777*/none;
	margin: 1px;
	margin-left: 0px;
	margin-right: 0px;
}
.btn-stil .btn {
	width:65px; /*40px*/
	height:65px;
	opacity:0.85;
}
.btn-farbe .btn {
	margin-right:15px;
}

.btn-farbe>div { display:inline-block; width:40px; }

.btn-motiv .btn span, .btn-stil .btn span, .btn-farbe .btn span { 
	display:none;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-shadow: 1px 1px 1px black;
	width: 36px;
	white-space: normal;
	background: rgba(255,255,255,0.5);
	line-height: 10px;
	text-align: center;
	margin-left: -8px;
	padding: 2px;
	margin-top:-1px;
}
.btn-farbe .btn span { 
	width: auto;
	margin-left: -8px;
	padding: 2px;
}
.btn-stil .stil-text, .btn-motiv .stil-text, .btn-farbe .stil-text {
	margin-top: -19px !important;
	text-align: left;
	margin-left: -6px;
	font-weight: bold;
	font-size: 11px;		
}
.btn-farbe .stil-text { 
	text-align:center; width:30px;
}
.btn-motiv .btn.active { 
	opacity:1;
}
.btn-stil .btn:hover span { 
	display:inline-block;
}
.btn-stil .btn.active { 
	opacity:1;
}
.btn-motiv .btn:hover span { 
	display:inline-block;
}
.btn-farbe .btn:hover span { 
	display:inline-block;
}

.btn-stil .btn.stil-sw {
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE6-9 
	filter: url('../images/filter.svg#grayscale'); 
  	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");*/
}
.btn-stil .btn.stil-s {
	/*-webkit-filter: sepia(100%) grayscale(30%); /* Chrome, Safari, Opera 
    filter: sepia(100%) grayscale(30%);*/
}
.btn-stil .btn.active { 
/*	color:inherit;
	background: url(/images/bunt-active.jpg); 
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity:1;
	border: 2px solid black;*/
}

.btn-farbe .btn {
	/*border:2px solid white;*/
	border-radius:30px;
	width:30px;
	height:30px;
	margin-right:5px;
	margin-top:1px;
	margin-left:5px;
}
.btn-modell .btn {
	/*border:2px solid white;*/
	margin-bottom:5px;
}

.btn-farbe .btn.active, .btn-modell .btn.active, .btn-groesse .btn.active { 
	/*border:2px solid #000 !important;*/
}
.btn-option .btn.active, .btn-motiv .btn.active, .btn-groesse .btn.active, .btn-farbe .btn.active, .btn-stil .btn.active, .btn-modell .btn.active {
	background-color: #fff;
	border: 1px solid #000 !important;
	color: #000;
}
.btn-motiv .btn.active { border:0 !important; }
.btn-motiv .btn.active img { border: 1px solid #000 !important; }

.btn-stil .btn.active .stil-text{
	margin-top: -20px;
}
.container-full.masterslider .btn.btn-cart {
	top:250px;
}

#div-page .container-full.masterslider .btn.btn-cart {
	top:0px; margin-top:10px;
} 

.container-full.masterslider .btn.btn-cart.top2 {
	top:250px;
}
.container-full.masterslider .btn.btn-cart.top3 {
	top:10px;
	position:relative;
}

#divShowMore div { padding-top:35px; }
#divBtnMore {/*margin-top:-25px;min-height:50px;margin-bottom:20px; position:relative;bottom:10px;z-index:999*/position: fixed;
bottom: /*70px*/53px;z-index:999;min-height:90px;}
#showMore {font-size:22px;font-family: 'Open Sans', Oswald, Arial, Helvetica, sans-serif;font-weight: 200;margin-right:0;margin-bottom:0;width:100%;background: #488A70;border: 2px solid  #488A70;}
#showMore .fa { margin-left:20px; }

.bildKlick { margin-top:90px;font-size:14px;/*padding-left:10px;*/text-align:center; }

#preloader {
	z-index:10;
	position:relative;
}
#overlay {
    display: block;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    z-index: 9;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
}
#preloader .div-header {
	font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
	letter-spacing:0.02em;
	font-weight:300;
	text-align: center;
    color: #FFF;
	background:none;
    left: 0px;
    right: 0px;
    font-size: 33px;
    z-index: 10;
    pointer-events: none;
	cursor:default;
	margin:100px 0px 20px 0px;
}

#preloader p, #preloader div.p {
    text-align: center !important;
    color: #FFF;
    left: 0px;
    right: 0px;
    font-size: 20px;
    z-index: 10;
	margin:0px 0px 20px 0px;
}

.loader { position:absolute;left:45%;top:45%;border:0 !important; }

.div-sets {
    text-align: left;
    color: #5F7883;
    left: 0px;
    right: 0px;
    font-size: 14px;
    z-index: 10;
    background-color: #FFF;
	margin:0px 30px 20px 33px;
}

.kacheln { margin-top:15px; margin-left:15px; margin-bottom:50px; }
.kacheln .bilder { height:420px; }

.col-lg-4.kacheln { width:32%; }
.col-lg-6.kacheln { width:48.67%; }

.col-lg-4.kacheln .div-set, .col-md-4.kacheln .div-set { height:auto; }
.col-lg-4.kacheln .div-set.div-set-header, .col-md-4.kacheln .div-set.div-set-header { height:60px; margin-bottom:20px; }
.col-lg-4.kacheln .set-img, .col-md-4.kacheln .set-img { position:relative; height:auto; margin-bottom:50px;}
.col-lg-6.kacheln .div-set, .col-md-6.kacheln .div-set { height:auto; }
.col-lg-6.kacheln .div-set.div-set-header, .col-md-6.kacheln .div-set.div-set-header { height:60px; margin-bottom:10px;}
.col-lg-6.kacheln .set-img, .col-md-6.kacheln .set-img { position:relative; height:auto; margin-bottom:50px; }

.kacheln.odd { padding-right:70px; margin-left:0;}
.kacheln.even { padding-left: 70px; margin-left:30px;}
.kacheln.gratis-no.even { padding-left: 0px; margin-left:15px;}

.kacheln .btn.btn-cart {
	top:30px;
}

img.filter-f {
}

img.filter-sw, .aufnahmen-drag .btn-inner.stil-sw, .aufnahmen-drag .btn-inner.stil-swv  {
	-webkit-filter: grayscale(100%) hue-rotate(330deg);
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	-moz-filter: grayscale(100%) hue-rotate(330deg);
	-o-filter: grayscale(100%) hue-rotate(330deg);
	filter: grayscale(100%) hue-rotate(330deg);
	filter: alpha(opacity = 50);
}

/* http://thenewcode.com/533/Sepia-toning-photographs-with-CSS */
img.filter-s, .aufnahmen-drag .btn-inner.stil-s, .aufnahmen-drag .btn-inner.stil-sv {
	filter: url("/assets/filter/sepia.svg#old-timey");	
	-webkit-filter: grayscale(100%) sepia(40%) hue-rotate(330deg); /* Chrome, Safari, Opera */
 	-moz-filter: grayscale(100%) sepia(40%) hue-rotate(330deg); /* Firefox */
 	-o-filter: grayscale(100%) sepia(40%) hue-rotate(330deg); 
	filter: alpha(opacity = 50);
	zoom:1;
}

.paket-inhalt { padding-left: 50px; }
#paket-info-text { padding-top:30px; }
#paket-info-liste { padding-top:0px; }
#paket-info-btn { display:none; }
.product-info { display:block;padding-top:15px; }

.set-img .infotext { min-height:75px;}

footer{
	min-height:60px;
	width:100%;
	background:#363C3F;
	box-sizing: border-box;
	position: relative;
	bottom:60px;
	z-index: 3;	
	padding-top:1px;
}
footer.light { background: #fff; border-top:1px solid #333; }

footer.loaded { bottom:60px;min-height:120px;}
footer.start { position:absolute; bottom:0;height:80px;}
footer.none { display:none;}

.footer-inner {
	width:1100px;
	margin-left: auto;
	margin-right: auto;	
	color: #fff;
	margin-top:20px;
	text-align:center;
}
footer.light .footer-inner { color: #333; }

.footer-cell {
	padding: 0;
}

footer a, footer a:link, footer a:visited { color:white; border-bottom: 1px dotted white;  }
footer a:hover { color:#ddd; text-decoration:none; border-bottom: 1px solid #ddd;}
footer.light a, footer.light a:link, footer.light a:visited { color:#333; border-bottom: 1px dotted #333; }
footer.light a:hover { color:#ddd; text-decoration:none; border-bottom: 1px solid #000; }

header{
	height:60px;
	width:100%;
	/*background: none repeat scroll 0% 0% rgba(155, 155, 155, 0.7);*/
	box-sizing: border-box;
	position: fixed;
	top:0;
	z-index: /*20*/1040	
}

.header-inner {
	margin-left: auto;
	margin-right: auto;	
	width:1100px;
	color: #fff;
	margin-top:10px;
	font-size:20px;
	font-weight:bold;
}
.header-cell {
	padding: 0 0px 0 0px;
	font-family:'Open Sans Condensed', Oswald, Arial, Helvetica, sans-serif;
	font-weight:300;
	letter-spacing:0.02em;
}

/*LISTEN*/
ul.check, ul.check1 { list-style-type:none;margin:1em 0px 5em 1px; padding-left: 0px; }

ul.check>li { 
	padding-left: 30px;
 	margin-bottom: 5px;
	position: relative;
	line-height: 1.6em;
}
ul.check1>li { 
	padding-left: 30px;
 	margin-bottom: 5px;
	position: relative;
	line-height: 1.2em;
}

ul.check>li::before, ul.check1>li::before { 
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	font-size: inherit;
	color: inherit;
	position: absolute;
	top: 0;
  	left: 0;
}

ul.check>li.ul-plus::before, ul.check1>li.ul-plus::before { 
	content: "\f067";
	top:1px;
	left:1px;
}

.overlay {
	width: 101%;
	height: 100%;
	background: #000;
	position: absolute;
	z-index: 1;
	display: block;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.btn.btn-daten {
	border-radius: 0;
	background: white;
	color: #333;
	cursor: pointer;
	padding: 0 35px;
	line-height: 43px;
	display: inline-block;
	margin: 0 15px 15px 0;
	height: 48px;
	outline:none;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 16px;
}

.btn.btn-shop-next {
	border-radius: 50px !important;
	background: #ED8140;
	color: #FFF;
	cursor: pointer;
	padding: 0 35px;
	line-height: 43px;
	display: inline-block;
	margin: 0 15px 15px 0;
	height: 48px;
	border:2px solid #ED8140;
	outline:none;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 16px;
	font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.btn.btn-shop-next.btn-transparent {
	border-radius: 0;
	background: none;
	color: #000;
	border:none;
}

.btn.btn-shop-next.btn-code {
	border-radius: 0;
	background: none;
	color: #000;
	border:2px solid rgb(155, 155, 155);
}

#kaufen {background:  #488A70;border: 2px solid  #488A70; }
	
textarea { resize: none; }
textarea:focus { outline:none;}
textarea.kontakttext.klein { height:15em; }
span.abstand { display:block; margin-bottom:15px !important; }

.form-hoshi input[type="text"], .form-hoshi input[type="password"], .form-hoshi input[type="email"], .form-hoshi input[type="number"], 
.form-hoshi input[type="url"], .form-hoshi input[type="tel"], .form-hoshi textarea, .form-hoshi .input-group .form-control, .form-hoshi select {
    height: 44px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    box-shadow: none;
	color:#111 !important;
}

.form-quer input[type="text"], .form-quer input[type="password"], .form-quer input[type="email"], .form-quer input[type="number"], 
.form-quer input[type="url"], .form-quer input[type="tel"], .form-quer textarea, .form-quer .input-group .form-control, .form-quer select {
    background: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    height: 44px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ddd;
    box-shadow: none;
	color:#111 !important;
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
/* === HTML5 validation styles === */	
.form-quer input:required, .form-quer textarea:required, .form-quer div.required, .form-hoshi input:required, .form-hoshi textarea:required, .form-hoshi div.required {
	background: /*#F7F9FB*/ #FFF url(../images/required5.png) no-repeat 98% center;
}
.form-quer input[type="number"]:required, .form-hoshi input[type="number"]:required {
	background: /*#F7F9FB*/ #FFF url(../images/required5.png) no-repeat 80% center;
}

.form-quer input:required:valid, .form-quer textarea:required:valid, .form-quer div.valid, .form-hoshi input:required:valid, .form-hoshi textarea:required:valid, .form-hoshi div.valid {
	background-image: url(../images/valid5.png);background-repeat:no-repeat; background-position:99% center;
}

.form-quer input[type="number"]:required:valid, .form-hoshi input[type="number"]:required:valid  {
	background-image: url(../images/valid5.png);background-repeat:no-repeat; background-position:80% center;
}

.form-quer input:focus:invalid, .form-quer textarea:focus:invalid, .form-quer div.invalid, /*input:required:invalid,*/ .form-quer textarea:required:invalid,
.form-hoshi input:focus:invalid, .form-hoshi textarea:focus:invalid, .form-hoshi div.invalid, .form-hoshi input:required:invalid, .form-hoshi textarea:required:invalid {
	background: #FFF url(../images/required5.png) no-repeat 98% center;
	border: 1px solid #FF8484;
}
.form-quer input[type="number"]:focus:invalid, .form-hoshi input[type="number"]:focus:invalid /*, input[type="number"]:required:invalid */ {
	background: #fff url(../images/required5.png) no-repeat 80% center;
}

.form-quer input.touched:focus:invalid, .form-quer textarea.touched:focus:invalid, .form-quer div.touched.invalid, /*input:required:invalid,*/ .form-quer textarea.touched:required:invalid,
.form-hoshi input.touched:focus:invalid, .form-hoshi textarea.touched:focus:invalid, .form-hoshi div.touched.invalid, .form-hoshi input.touched:required:invalid, .form-hoshi textarea.touched:required:invalid {
	background: #FFF url(../images/invalid5.png) no-repeat 98% center;
	border: 1px solid #FF8484;
}
.form-quer input[type="number"].touched:focus:invalid, .form-hoshi input[type="number"].touched:focus:invalid /*, input[type="number"]:required:invalid */ {
	background: #fff url(../images/invalid5.png) no-repeat 80% center;
}

.form-quer label { display:none; /*height:1px;left:-999em;overflow:hidden;position:absolute;*/}
.form-quer label:after, .form-quer label.two-rows:after  { content: '\a'; white-space: pre; }

/* Hoshi https://codepen.io/rcauquil/pen/adBGdR */
.form-quer .input, .form-hoshi .input {
	position: relative;
	z-index: 1;
	display: inline-block;
  margin: 0px 0 0 3px;
}
.form-quer .input input[type="text"], .form-quer .input input[type="password"], .form-quer .input input[type="email"], .form-quer .input input[type="number"], 
.form-quer .input input[type="url"], .form-quer .input input[type="tel"] { padding-left:0; }

.form-hoshi .input select { border-bottom:1px solid #bbb; padding-left:0; margin-left:-3px; font-size: 14px; color:#000; }
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { /* chrome */
    .form-hoshi .input select { margin-left:0px; }
}
.input--hoshi label { display:unset; }

/* https://stackoverflow.com/questions/22199047/placeholder-css-not-being-applied-in-ie-11 */
.input__field::placeholder { color:#FFF; }
.input__field::-moz-placeholder {color:#fff;font-weight:normal;} /* firefox */
.input__field::-webkit-input-placeholder {color:#fff;font-weight:normal;} /* chrome */
.input__field:-ms-input-placeholder {color:#fff !important; font-weight:normal !important;} /* ie */
.input__field::-ms-input-placeholder {color:#fff !important; font-weight:normal !important;} /* edge*/

.input__field {
	position: relative;
	display: block;
	padding: 0.8em;
	border: none !important;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
  	font-size: 18px;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
    font-size: 70.25%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em /*0.5em*/ 0 0 0;
	width: 100%;
  font-family: 'Open Sans', sans-serif;
}

#form-address .felder { margin-left:20px; margin-right:0;}
#form-address #plz-group, #form-address #ort-group { }
#form-address #ort-group, #form-address textarea { }
#form-address #plz-group {  }
#form-address #city {}
#form-address #ort-group { width:72% ; margin-left:10px; }
#form-address #div-land {margin-right:0 !important }
#form-address textarea { width:100%; }

/* Hoshi */
.input--hoshi { overflow: hidden; width:100%; }
.input--hoshi[data-feld=salutation] { width:150px; display:block; }
.input--hoshi[data-feld=firstname] { width:45%; }
.input--hoshi[data-feld=lastname] { width:51%; float:right; }
.input--hoshi[data-feld=street] { width:45%; margin-right: 3%; }
.input--hoshi[data-feld=streetno] { width:15%; }
.input--hoshi[data-feld=street2] { width:30%;float:right; }
.input--hoshi[data-feld=email] { width:45%; margin-right: 3%; }
.input--hoshi[data-feld=tel] { width:30%; float:right;}
.input--hoshi[data-feld=birthdate] { width:18%; }
.input--hoshi[data-feld=country] { width:15%; margin-right: 3%; }
.input--hoshi[data-feld=plz] { width:10%; }
.input--hoshi[data-feld=city] { width:68%; float:right; }

.input__field--hoshi {
  margin-top: 0.85em;
	padding: 0.85em 0.15em;
	width: 100%;
	background: transparent;
	color: #595F6E;
}

.input__label--hoshi {
	position: absolute;
  	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	pointer-events: none;
}

.input__label-content--hoshi { position: absolute; font-weight:normal; color:#999; font-size: 14px; font-family: pixyfoto-medium, 'Open Sans', sans-serif;}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #B9C1CA;
}

.input__label--hoshi::after {
	border-bottom: /*4px*/1px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}


.input__label--hoshi-color-1::after { border-color: hsl(200, 100%, 50%);}
.input__label--hoshi-color-2::after { border-color:  #488A70; }
.input__field--hoshi:focus + .input__label--hoshi-color-2::after { border-bottom: 3px solid  #488A70; }

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-ms-animation-play-state: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
	-ms-animation-play-state: anim-1 0.3s forwards;
	font-size:10px;
}
_:-ms-fullscreen, :root .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
:root .input--filled .input__label-content--hoshi { /* IE 11 only https://krony.de/css-hacks-selektoren-fuer-microsoft-edge-spartan-ie11-ie10-und-ie9.html */
	padding: 4.6em 0 0 0;
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

.anmeldungError { color: #EC4242;padding:0;}
.error { 
	display:none;
	color: #FFF;
	padding:5px;
	position: absolute;
	border: 1px solid #EC4242;
	background: rgba(236,66,66,0.9);
	top: -20px;
}

#successNote { color: #1C976E;}
ul.errorMessages {list-style-type: none;color: firebrick; margin-left:0;padding-left:20px; font-size:80%; font-weight:bold; }
ul.errorMessages li {color:inherit;padding-left:0px; margin-bottom:5px; }
ul.errorMessages li:before {content:"";margin-left: 0;}
ul.errorMessages img {margin-left:50px; }

.cart {
	position: absolute;
	top: 0 ;
	right: 0;
}

.badge {
    display: inline-block ;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff ;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777 ;
    border-radius: 10px;
}
.nav-header .badge {
	position: absolute;

	font-size: 12px;
	font-weight: 400;
	background-color:  #ED8140;
}
a.nav-icon, a.nav-icon-outline{
	background-color:#000;
	border: 2px solid #000;
	display:block;
	color:#FFF;
	font-size: 16px;
	width: 36px;
	height: 36px;
	line-height: 30px;
	text-align:center;
	border-radius:50% ;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin-left: 15px;
}
a.nav-icon-outline {
	background-color: transparent ;
	border-color: #fff;
	color: #fff ;
}

a.nav-icon:hover {
	color:#000;
	background:#FFF;
	text-decoration: none;
	border-color: #000;
}
a.nav-icon-outline:hover{
	color:#FFF ;
	background-color:#000 ;
	text-decoration: none;
	border-color: #000;
}
.pull-right {
    float: right;
	
}
.div-icon-cart .pull-right {
    margin-right:60px;
	
}

i[class^="icon-"], i[class*=" icon-"] {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.icon-cart::before {
    content: "\f07a";
}
.icon-logout::before {
    content: "\f08b";
}
.icon-plus::before {
    content: "\f067";
}

#showMore2 {
	background-color:transparent;
	border: 2px solid #000;
	display:block;
	color:#000;
	font-size: 16px;
	width: 36px;
	height: 36px;
	line-height: 30px;
	text-align:center;
	border-radius:50% ;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin-left: 15px;
	float:right;
}

#showMore2:hover {
	color:#FFF;
	background-color:#000 ;
	text-decoration: none;
	border-color: #000;
}

#showMore2 i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
#showMore2 i::before {
    content: "\f063";
}

#warenkorb .table, #checkout .table, #payment .table {
	width: 100%;
	min-width:100%;
	margin-bottom: 20px;
}

#warenkorb h3, #address h3, #checkout h3, #payment h3, #impressum h3, #service-bottom h3, #daten h3 {
	font-family:pixyfoto-medium, Arial, Helvetica, sans-serif;
	font-weight:700;
	/*letter-spacing:0.04em;*/
	font-size:32px;
}
#warenkorb h4, #address h4, #checkout h4, #payment h4, #impressum h4, #service-bottom h4, #daten h4 {
	font-family:pixyfoto-medium, Arial, Helvetica, sans-serif;
	font-weight:700;
	/*letter-spacing:0.04em;*/
	font-size:20px;
}

#warenkorb th, #checkout th, #payment th { font-size:16px; color:#333;padding:8px;line-height:1.5; vertical-align: bottom; border-bottom: 2px solid #ddd; border-top:0;}
#warenkorb tbody > tr > td, #checkout tbody > tr > td, #payment tbody > tr > td { font-size:14px; color:#333;padding:8px;line-height:1.5; vertical-align:middle;border-top: 1px solid #ddd; }

#warenkorb .fa-plus-circle, #warenkorb .fa-minus-circle, #warenkorb .fa-fw { margin-left:5px; margin-right:5px;width:25px;}

#warenkorb .basketPlus td { padding:0px; border-top:0; text-align:right; font-weight:bold; }
#warenkorb .rowBasketPlus { border-bottom:3px solid #ED8140; padding-top:15px; }

#msgCart {
	width:300px;
	/*border: 1px solid #ED8140;
	background:rgba(255, 149, 82, 0.9);*/
	border: 2px solid #488A70;
	background:rgba(255,255,255,0.6);
	color: black;
	padding:10px;
	font-size:14px;
	top: 0px;
	position: fixed;
	float: right;
	margin-right: -15px;
	font-weight:normal;
	z-index:9999;
	right:100px;
}

.animBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all 1.55s ease-in;
  -moz-transition: all 1.55s ease-in;
  -ms-transition: all 1.55s ease-in;
  -o-transition: all 1.55s ease-in;
  transition: all 1.55s ease-in;
}

.animBlockHeader, .animBlockLong {
  display: inline-block;
	filter: alpha(opacity = 0); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 0)"; /* ab IE 8 zusätzlich möglich */ 
	opacity: 0; /* alle anderen Browser einschließlich IE 9 */
  position: relative;
  -webkit-transition: all 1.55s ease-in;
  -moz-transition: all 1.55s ease-in;
  -ms-transition: all 1.55s ease-in;
  -o-transition: all 1.55s ease-in;
  transition: all 1.55s ease-in;
}

#ajax .teamBlock {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  /*zuerst ausgeblendet*/
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
}

#ajax .animBlock.unvisible { background: green; opacity: 0; filter: alpha(opacity=0);}

.fadeBlockFast {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
#ajax .fadeBlockFast {
  display: inline-block;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
}

/*===*/
.animBlock[data-position="left"], #ajax .teamBlock[data-position="left"] { left: -5%; }
.animBlock[data-position="right"], #ajax .teamBlock[data-position="right"] { right: -5%; }
.animBlock[data-position="bottom"] { bottom: -1%; }
.animBlock[data-position="none"], #ajax .teamBlock[data-position="none"] { }

.animBlockHeader[data-position="left"], .animBlockLong[data-position="left"] { left: -5%; }
.animBlockHeader[data-position="right"], .animBlockLong[data-position="right"] { right: -10%; }

.animBlockHeader[data-position="left"].viewed, .animBlockHeader[data-position="right"].notViewed,
.animBlockHeader[data-position="right"].viewed, .animBlockHeader[data-position="right"].notViewed {
	filter: alpha(opacity = 50); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zusätzlich möglich */ 
	opacity: .50; /* alle anderen Browser einschließlich IE 9 */
}
.animBlock[data-position="left"].viewed, .animBlockLong[data-position="left"].viewed, .fadeBlockFast[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity = 100); /* IE 6, 7, 8 */ 
  -ms-filter: "alpha(opacity = 100)"; /* ab IE 8 zusätzlich möglich */ 
}
.animBlockHeader[data-position="left"].viewed, .animBlockHeader[data-position="right"].notViewed { left: 0%; }
.animBlockHeader[data-position="right"].viewed, .animBlockHeader[data-position="left"].notViewed { right: 0%; }

#ajax .teamBlock[data-position="left"].viewed, .fadeBlockFast[data-position="left"].viewed {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: scaleUp 0.3s linear 0.05s forwards;
  -moz-animation: scaleUp 0.3s linear 0.05s forwards;
  -o-animation: scaleUp 0.3s linear 0.05s forwards;
  -ms-animation: scaleUp 0.3s linear 0.05s forwards;
  animation: scaleUp 0.3s linear 0.05s forwards;
}
.animBlock[data-position="left"].notViewed, .animBlockLong[data-position="left"].notViewed, .fadeBlockFast[data-position="left"].notViewed {
  right: 0%;
  opacity: 0;
  filter: alpha(opacity=0);
}

#ajax .teamBlock[data-position="left"].notViewed, #ajax .fadeBlockFast[data-position="left"].notViewed,
#ajax .teamBlock[data-position="left"].fadeOut, #ajax .fadeBlockFast[data-position="left"].fadeOut {
  left: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
/*===*/
.animBlock[data-position="bottom"].viewed, #ajax .teamBlock[data-position="bottom"].viewed {
  bottom: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
/*===*/
.animBlock[data-position="none"].viewed, .fadeBlockFast[data-position="none"].viewed {
  opacity: 1;
  filter: alpha(opacity=100);
}
#ajax .teamBlock[data-position="none"].viewed , #ajax .fadeBlockFast[data-position="none"].viewed {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: scaleUp 0.3s linear 0.05s forwards;
  -moz-animation: scaleUp 0.3s linear 0.05s forwards;
  -o-animation: scaleUp 0.3s linear 0.05s forwards;
  -ms-animation: scaleUp 0.3s linear 0.05s forwards;
  animation: scaleUp 0.3s linear 0.05s forwards;
}

.animBlock[data-position="none"].notViewed, .animBlockLong[data-position="none"].notViewed, #ajax .teamBlock[data-position="none"].notViewed, .fadeBlockFast[data-position="none"].notViewed, 
#ajax .fadeBlockFast[data-position="none"].notViewed, #ajax .fadeBlockFast[data-position="none"].fadeOut, #ajax .teamBlock[data-position="none"].fadeOut {
  left: 0%;
  opacity: 0;
  filter: alpha(opacity=0);
}
/*===*/
.animBlock[data-position="right"].viewed, .animBlockLong[data-position="right"].viewed, .fadeBlockFast[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}
#ajax .teamBlock[data-position="right"].viewed, #ajax .fadeBlockFast[data-position="right"].viewed {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-animation: scaleUp 0.3s linear 0.05s forwards;
  -moz-animation: scaleUp 0.3s linear 0.05s forwards;
  -o-animation: scaleUp 0.3s linear 0.05s forwards;
  -ms-animation: scaleUp 0.3s linear 0.05s forwards;
  animation: scaleUp 0.3s linear 0.05s forwards;
}
.animBlock[data-position="right"].notViewed, .animBlockLong[data-position="right"].notViewed, .fadeBlockFast[data-position="right"].notViewed {
  left: 0%;
  opacity: 0;
  filter: alpha(opacity=0);
}
#ajax .teamBlock[data-position="right"].notViewed, #ajax .fadeBlockFast[data-position="right"].notViewed, 
#ajax .fadeBlockFast[data-position="right"].fadeOut, #ajax .teamBlock[data-position="right"].fadeOut {
  right: 0%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.animBlock.viewed[data-position="right"] { border-left:1px solid #d6d6d6; }
.gratis-no.animBlock.viewed[data-position="right"] { border-left:0px solid #d6d6d6; }

/*SCROLLER*/
#produktScroll { margin-left: -7px; border-bottom: 3px solid #333; }
#produktScroll h4 {
    text-transform: uppercase;
    font-size: 16px;
    outline: 0;
    border-bottom: 0;
    font-weight: 200;
}
#artikelScrollX{
  overflow: hidden;
  /*height: 180px;*/
  margin-bottom:0px;
  border-bottom:0px solid #E4E4E4;
  position: relative;
  padding: 0 50px;
}
#artikelScrollX ul{ 
  opacity: 0;
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
#artikelScrollX ul { margin-top:10px; margin-bottom:10px; }
#artikelScrollX ul, #artikelScrollX li{
  list-style-type:none;
}
#artikelScrollX ul li {
	/*border:3px solid firebrick */;
	cursor:pointer;
	text-align:center;
	height:160px; 
	margin-right:2px;
	min-width:90px;
	height:180px;
}

#content.aktion .container-full #artikelScrollX ul li {
	background:white;
}
#artikelScrollX ul li.active {
	cursor:unset;
	border:4px solid rgb(255,19,101);
}
.container-full.fun #artikelScrollX ul li.active {
	border:4px solid rgb(255,145,172);
}
#content.aktion .container-full #artikelScrollX ul li.active {
	border:4px solid goldenrod; background:white;
}
.container-full.bilder #artikelScrollX ul li.active {
	border:4px solid rgb(138,199,255);
}
.container-full.aktion #artikelScrollX ul li.active {
	border:4px solid goldenrod;
}
#artikelScrollX img {
	/*height:75%;*/
	width:100px; height:auto;
}
#artikelScroll > div {
	cursor:pointer;
	border:1px solid #ddd;
	margin-bottom:10px;
}
#artikelScroll > div.active {
	cursor:unset;
	border:4px solid black;
}

#artikelScrollX h5 {
	position: absolute;
    width: 100%;
    margin-bottom: 0;
    bottom: 0px;
    font-size: 70%;
    padding: 5px 2px 5px 2px;
    font-weight: 400;
    /*background: rgba(0,0,0,0.6);*/
    color: #111;
}

#artikelScrollX.scroller-ready ul{ opacity: 1; }

#artikelScrollX{ background-color: transparent; }
#artikelScrollX .mTSButton{
	width:50px;height:60px;
	/*background-color: rgba(0,0,0,.7);*/
	-moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px;
}
.mTS-buttons-out .mTSButtonIcon { fill: firebrick; }
#artikelScrollX a.mTSButton, #artikelScrollX a:link.mTSButton , #artikelScrollX  a:visited.mTSButton { border-bottom:0; }
#artikelScrollX .mTSButtonLeft{ left: 0px; top:35%;}
#artikelScrollX .mTSButtonRight{ right: 0px; top:35%;}
#artikelScrollX .mTSButtonLeft .mTSButtonIcon { margin-left:-10px;}
#artikelScrollX .mTSButtonRight .mTSButtonIcon { margin-right:-10px;}

#artikelScrollXx .mTSButtonLeft:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 40px 60px 0;
    border-color: transparent rgba(0,0,0,0.3) transparent transparent;
}

#artikelScrollXx .mTSButtonRight:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 60px 40px;
    border-color: transparent transparent transparent rgba(0,0,0,0.3);
}
.mTSButtonIconContainer { height: 60px; }		
#einzelprodukt {  }

.content.scroller-ready ul{ opacity: 1; }
/* CSS loading spinner (optional) */
@keyframes spinner { to {transform: rotate(360deg);} }
@-webkit-keyframes spinner{ to {-webkit-transform: rotate(360deg);} }
.spinner {
	min-width: 24px;
	min-height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
}
.spinner:before{
	content: 'Loading…';
	position: absolute;
	top: 50%;
	left: 40%;
	width: 95px;
	height: 95px;
	margin-top: -16px;
	margin-left: -16px;
}
.spinner:not(:required):before {
	content: '';
	border-radius: 50%;
	border-top: 5px solid white; /*Farbe des Spinners*/
	border-right: 5px solid transparent;
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}
.content.scroller-ready .spinner{ display: none; }

.spinner:not(:required):before{ border-top: 5px solid rgb(205, 202, 199); /*Farbe des Spinners*/; }

.container-full.scroller { /*background: rgb(255, 230, 236); */ border-bottom: 1px solid rgb(255,19,101); }
.container-full.scroller.aktion { /*background: rgb(255, 230, 236); */ border-bottom: 1px solid goldenrod; }
.container-full.scroller.fun { /*background: rgb(255, 230, 236); */ border-bottom: 1px solid rgb(255,145,172); }
.container-full.scroller.bilder { /*background: rgb(219, 233, 250);*/ border-bottom: 1px solid rgb(138,199,255); }

.container-full.scroller .spinner:not(:required):before{ border-top: 5px solid rgb(205, 202, 199); /*Farbe des Spinners*/; }
.container-full.scroller.fun .spinner:not(:required):before{ border-top: 5px solid rgb(255,179,199); }
.container-full.scroller.aktion .spinner:not(:required):before{ border-top: 5px solid goldenrod; }
.container-full.scroller.bilder .spinner:not(:required):before{ border-top: 5px solid rgb(174,216,255); }

@keyframes spinner-page { to {transform: rotate(360deg);} }
@-webkit-keyframes spinner-page{ to {-webkit-transform: rotate(360deg);} }
.spinner-page {
	min-width: 54px;
	min-height: 54px;
	position: relative;
}
#preloader-kat .spinner-page {
	min-width: 54px;
	min-height: 154px;
	position: relative;
}
.spinner-page:before{
	content: 'Loading…';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75px;
	height: 75px;
	margin-top: -26px;
	margin-left: -16px;
}
.spinner-page:not(:required):before {
	content: '';
	border-radius: 50%;
	border-top: 5px solid #999; /*Farbe des Spinners*/
	border-right: 5px solid transparent;
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

@keyframes spinner-product { to {transform: rotate(360deg);} }
@-webkit-keyframes spinner-product{ to {-webkit-transform: rotate(360deg);} }
.spinner-product {
	min-width: 54px;
	min-height: 54px;
	position: absolute;
	left:35%;
	top:130px;
}
.spinner-product:before{
	content: 'Loading…';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75px;
	height: 75px;
}
.spinner-product:not(:required):before {
	content: '';
	border-radius: 50%;
	border-top: 5px solid rgb(255,19,101); /*Farbe des Spinners*/
	border-right: 5px solid transparent;
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

#preloader img {
	position: absolute;
	top: 0;
	left: 47%;
	height:80px;
}

#artikelScrollX.scroller-ready .spinner{ display: none; }	

.container-full-inner.nohandy { display:block; }

.nomobile { display:inline-block; }
.nohandy { display:inline-block; }
.notablet { display:inline-block; }
.onlymobile { display:none; }
.onlyhandy { display:none; }
.onlytablet { display:none; }

.onlytablet.online { margin-left:-10px; }
.nomobile.online { margin-left:10px; }

.nosmall { display:block; }

@media screen and (max-height: 1050px) {

	.nosmall { display:none; }
	.container-full .div-set { height:auto !important; }
	.paket-inhalt { padding-left:15px; }
	.product-info { display:none; }
	#paket-info-text { padding-top:35px; }
	#paket-info-liste { padding-top:10px; }
	#paket-info-btn { display:block; }
	#divBtnMore { position:fixed; bottom:70px; width:98%; }
	footer.loaded { height:150px;}
	
}
#toTop {
	width: 40px;
	height:40px;
	border-radius:40px;

	background: #252A2E;
	text-align: center;
	position: fixed;
	bottom: 8px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #F1F1F1;
	font:normal 18px 'Open Sans', Geneva, Arial, Helvetica, sans-serif;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	padding: 8px 5px 5px 5px;
	z-index:9999;
}
#toTop:hover{ background: #373D40; opacity: 1; filter: alpha(opacity=100); }​

/*#dateCountdown {
	padding: 0px; box-sizing: border-box; background-color: #333;position: absolute;
left: 220px;
top: -7px;
}*/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
	color:#eee;
	top:13px !important;
}

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin: 1px 0 0 0;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sanx', Arial;
	font-size: 8px !important;
	line-height: 7px !important;
}

/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Open Sans', Arial;
    font-size: 300%;
    margin-top: 0.3em;
    font-weight: bold;
	font-size: 15px !important;
	line-height: 10px !important;
}

/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("img/green.png") no-repeat;
  border: none;
  cursor: pointer;
}
.icheckbox_square-green {
  background-position: 0 0;
}
.icheckbox_square-green.hover {
  background-position: -24px 0;
}
.icheckbox_square-green.checked {
  background-position: -48px 0;
}
.icheckbox_square-green.checked ~ span {
  font-weight:bold;
}
.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-green {
  background-position: -120px 0;
}
.iradio_square-green.hover {
  background-position: -144px 0;
}
.iradio_square-green.checked {
  background-position: -168px 0;
}
.iradio_square-green.checked ~ span {
  font-weight:bold;
}
.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-green.disabled~span {
	color:#999;
}
.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url("img/green@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1100px) {
	
	body { overflow-x:hidden !important; }
	#preloader { padding:10px; }
	#preloader-container { margin-top:20px !important; }
	#preloader-container .fa, #preloader-container img { margin-top: 10px; }
	#preloader .div-header {
		font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
		font-weight:300;
		letter-spacing:0.02em;
		text-align: center;
		color: #FFF;
		background:none;
		left: 0px;
		right: 0px;
		font-size: 26px;
		z-index: 10;
		pointer-events: none;
		cursor:default;
		margin:50px 0px 20px 0px;
	}
	
	#preloader p, #preloader div.p {
		text-align: center !important;
		color: #FFF;
		left: 0px;
		right: 0px;
		font-size: 18px;
		z-index: 10;
		margin:0px 0px 20px 0px;
	}
	
	.loader { left: 44%; }

	.container-set {
		min-height:700px;
		height:auto;
		margin-bottom:-5px;
	}

	.container-full-inner {
		width:99%;
		margin-left:10px;
	}
	
	#div-page2 .container-full-inner { width:97.5%; }
	.container-full-inner-cell { margin-right: -10px; }
	#showMore { margin-right:15px !important; }

	.container-full .div-set { min-height:200px;}
	.container-full .div-preis {display:block;float:right;text-align:right;margin-right:10px;margin-bottom:15px;}
	.container-full .div-set .preis-text.euro {	/*font-size:30px;*/ margin-right:0; font-size:36px;	}
	.container-full .div-set .preis-text-statt {display:inline-block; }
	.container-full .div-set .preis-text-statt:after {  }
	.container-full.masterslider .btn.btn-cart {
		top:0px;
		position:relative;
		margin-top:10px;
		/*width:50%;*/
	}
	
	.container-full.masterslider .btn.btn-cart.top2 {
		top:100px;
	}

	.container-full.masterslider .btn.btn-cart.top3 {
		top:10px;
		position:relative;
	}
	.container-full-inner-cell {
		margin-left:0px;
		padding-top:20px;
	}

	#div-page .container-full-inner-cell { margin-right:12px; }
	#div-page .container-full-inner-cell.black { margin-right:-5px; }
	.container-full-inner-cell.banner-more {
		margin-top:0px;
	}
	#div-page .col-set.light { height:200px; }
	
	.container-full .set-img h3 {
		display:inline-block; 
		margin-right:10px;
		font-size: 24px;
	}
	#div-page .container-full .div-set.light2 h3 { font-size:36px;line-height:45px;}
	#div-page2 .container-full .div-set.light2 h3 { line-height: 30px; }
	.container-full .set-img h3 {
		margin-top:20px;
	}
	
	.container-full .div-set h3.top-angebot { font-size: 18px;line-height:24px;}
	.container-full .div-set h3.gratis {font-size: 18px;line-height:24px;margin-left:20px;}

	.container-full .div-header.x {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-right: 15px;
		font-size:26px;
	}
	.container-full .div-header.x .fa-circle.x1 { font-size:10px; }
	.container-full .div-header.x .fa-circle.x2 { font-size:12px; }
	.container-full .div-header.x .fa-circle.x3 { font-size:14px; }
	.container-full .div-header.x .fa-circle.x4 { font-size:16px; }

	.kacheln { margin-top:15px; margin-left:15px; }
	.col-lg-6.kacheln { width:47.4%; }
	.col-md-4.kacheln, .col-lg-4.kacheln { width:48%; }
	.col-lg-4.kacheln h3, .col-md-4.kacheln { display:block; }	

	.col-lg-4.kacheln .div-set, .col-md-4.kacheln .div-set { height:auto; margin-bottom: 10px; padding-right:0;}
	.col-lg-4.kacheln .set-img, .col-md-4.kacheln .set-img { position:relative; height:auto; margin-bottom:0; }
	.col-lg-6.kacheln .div-set, .col-md-6.kacheln .div-set { height:auto; margin-bottom:10px;padding-right:0;}
	.col-lg-6.kacheln .set-img, .col-md-6.kacheln .set-img { position:relative; height:auto; margin-bottom:0; }

	.set-links { padding-right:25px;margin-bottom:15px;  }
	.set-rechts { padding-left:20px;padding-right:25px; }
	.set-rechts>.row { margin-left:-20px; }
	.set-mitte>.row { margin-left:-5px;margin-right:-5px; }

	.kostenlos .set-img div { margin-top:5px; }
	.col-lg-6.kacheln .div-set.kostenlos, .col-md-6.kacheln .div-set.kostenlos { height:160px	; }
	.container-full .div-set.kostenlos { min-height:160px; }
	.col-set.light2 .set-img-solo img { margin-top:0px; width:150px !important;}
	.col-set.light2 .kostenlos .set-img-solo img { margin-top:10px; width:150px !important; }
	
	.col-set.light2 .set-info-solo {margin-top:0; }
	
	.kacheln .bilder {
		height: 320px;
		padding-bottom: 30px;
	}

	.btn.btn-cart { position:relative; margin-top: 10px; margin-bottom:132px !important; /*margin-bottom:40px; width: auto; */}
	.kacheln .btn.btn-cart {
		top:20px;
		margin-left:50px !important;
		margin-bottom:60px;
	}
	#div-page .btn-cart { top:0; right:10px; }		
	.kacheln .kostenlos .btn.btn-cart {top:20px;margin-bottom:30px;	}
	
	.kacheln.odd { padding-right:20px; margin-left:10px;}
	.kacheln.even { padding-left: 40px; margin-left:20px;}
	.kacheln.gratis-no.even { padding-left: 40px; margin-left:20px;}

	.kacheln .bilder {height: 330px;padding-bottom: 30px;}
	.kacheln .bilder.kostenlos {padding-bottom: 0px;}
	
	.btn-groesse .btn, .btn-modell .btn {font-size: 12px;  }
	#div-page2 .btn-modell .btn, #div-page2 .btn-groesse .btn { width: 48.5%; }
		
	.btn-groesse .btn, .btn-farbe .btn, .btn-stil .btn, .btn-modell .btn {	padding:5px;}
	#div-page .btn-modell .btn { padding: 5px 10px 5px 10px; }
	
	.btn-motiv .btn {
		/*width:48px;
		height:48px;*/
		width:65px;
		height:65px;
	}

	.btn-stil .btn {
		/*width:48px;
		height:48px;*/
		width:65px;
		height:65px;
	}
	
	.btn-farbe .btn { width:40px;height:40px; }

	.btn-stil .btn:hover span { display:none;}
	.btn-motiv .btn:hover span { display:none;}
	.btn-farbe .btn:hover span { display:none;}

	.btn.btn-shop-next { padding: 0 25px; }
	
	#div-page .btn-cart {top:20px;right:0px;left:auto;width:90%; }
	.div-icon-cart .pull-right {margin-right:0px;}
	
	.cart {
		position: relative;
		top: -30px ;
		right: 0;
	}
	.error { top:15px; }
	.bildKlick { margin-top:-10px;font-size:12px;padding-left:5px; text-align:center;}
	
	#msgCart { top:0; }
	
	#impressum { min-height:350px; padding-bottom:50px; }
	#service-bottom .container-full-inner, #impressum .container-full-inner { padding-left:10px; padding-right:30px;padding-bottom:40px; }
	#address .container-full-inner { padding-right:15px; }

	#warenkorb th, #checkout th, #payment th { font-size:12px; }
	#warenkorb tbody > tr > td, #checkout tbody > tr > td, #payment tbody > tr > td {
		font-size: 12px;
		padding: 3px;
	}
	#warenkorb .fa-plus-circle, #warenkorb .fa-minus-circle, #warenkorb .fa-fw { margin-right:0; margin-right:0; width:20px;}

	#warenkorb .container-full-inner, #checkout .container-full-inner, #payment .container-full-inner,
	#address .container-full-inner, #daten .container-full-inner { padding-left:10px; padding-right:30px; }
	#warenkorb-bottom.container-full { padding-right:30px; min-height:65px !important; }
	.warenkorb-bottom-div-preis { font-size: 32px;font-weight: 500; line-height:0.8em; color: #488A70; padding-right:80px !important;}
	
	#form-address .felder { margin-left:20px; margin-right:20px;}
	#form-address #plz-group, #form-address #ort-group { }
	#form-address #ort-group, #form-address textarea { }
	#form-address #plz-group {  }
	#form-address #city {}
	#form-address #ort-group { width:73% ; margin-left:10px; }
	#form-address #div-land {margin-right:20px !important }
	#form-address textarea { width:100%; }
	
	/* Hoshi */
	.input--hoshi[data-feld=salutation] { width:150px; display:block; }
	.input--hoshi[data-feld=firstname] { width:45%; }
	.input--hoshi[data-feld=lastname] { width:51%; float:right; }
	.input--hoshi[data-feld=street] { width:45%; margin-right: 3%; }
	.input--hoshi[data-feld=streetno] { width:15%; }
	.input--hoshi[data-feld=street2] { width:32%;float:right; }
	.input--hoshi[data-feld=email] { width:100%; }
	.input--hoshi[data-feld=tel] { width:51%; float:right; }
	.input--hoshi[data-feld=birthdate] { width:45%; }
	.input--hoshi[data-feld=country] { width:15%; margin-right: 3%; }
	.input--hoshi[data-feld=plz] { width:15%; }
	.input--hoshi[data-feld=city] { width:63%; float:right; }

	.form-quer .input select { margin-left:0px; }

	a.nav-icon, a.nav-icon-outline{
		margin-left: 25px; margin-top:30px;
	}

	ul.errorMessages li {color:inherit;padding-left:0px; }
	ul.errorMessages img {margin-left:20px; }

	footer{	position: relative; min-height:60px; height:auto; bottom:65px;}
	body.neu footer { bottom: 0px; }
	.footer-inner { margin-top:0; padding-top:20px; padding-bottom:20px;width:90%;margin-left:10px;}
	
	.header-inner { font-size:18px; }
	
	.nomobile { display:none; }
	.nohandy { display:inline-block; }
	.notablet { display:none; }
	.onlymobile { display:inline-block; }
	.onlyhandy { display:none; }
	.onlytablet { display:inline-block; }
	
	.nosmall { display:block; }
	.container-full-inner.nohandy { display: block; }

	/* === HTML5 validation styles === */	
	.form-quer input[type=checkbox]:required {
		background: initial;
	}
	
	.form-quer input[type=checkbox]:required:valid {
		background: initial;
	}
	
	.form-quer input[type=checkbox]:focus:invalid {
		background: initial;
	}
}	

/*PORTRAIT*/
@media screen and (max-width: 767px) and (min-height: 400px) {

	#div-page .container-full .div-set.light2 { width:100% !important; }
	.paket-preis { margin-top:20px !important; }
}

@media screen and (max-width: 767px) {
	
	body { position:relative;margin:0;padding:0; font-size:14px; }
	
	#content { margin-top: 60px; }
	
	#preloader { padding:10px; }
	#preloader-container { margin-top:30px !important; }
	#preloader-container .fa, #preloader-container img { margin-top: 10px; }
	#preloader .div-header {
		font-family:'Open Sans', Oswald, Arial, Helvetica, sans-serif;
		font-weight:300;
		letter-spacing:0.02em;
		text-align: center;
		color: #FFF;
		background:none;
		left: 0px;
		right: 0px;
		font-size: 26px;
		z-index: 10;
		pointer-events: none;
		cursor:default;
		margin:30px 0px 0px 0px;
	}
	
	#preloader p, #preloader div.p {
		text-align: center !important;
		color: #FFF;
		left: 0px;
		right: 0px;
		font-size: 18px;
		z-index: 10;
		margin:0px 0px 20px 0px;
	}
	#preloader img { margin-top:30px !important; margin-bottom:30px !important; }
	
	.loader { left: 30%; top:65px; }
	
	#service-bottom { margin-top:-30px; }
	
	.container-set {
		min-height:700px;
		height:auto;
		margin-bottom:-5px;
	}

	.container-full-inner {
		width:/*94%*/100%;
		/*margin-left:10px;*/
	}
	
	.container-full-inner-cell { /*margin-right: -10px;*/ }

	#div-page .container-full.banner {
		margin-top:0;min-height:15px;margin-bottom:0px;		
	}
	
	#div-page2 .container-full.banner {
		margin-top:-35px;min-height:60px;margin-bottom:0px;		
	}
	
	#div-page .container-full-inner-cell { /*margin-left:-10px;*/ }
	#div-page .container-full-inner-cell.black {/*margin-right:-30px; margin-left:-35px;  width:120%;*/ }
	#div-page2 .container-full-inner-cell.black { /*margin-right:-30px; margin-left:-35px;  width:120%;*/margin-top:-35px;padding-left:15px;}
	#div-page .col-set.light { height:200px; }
	#div-page2 .col-set.light2 .set-img-solo img {margin-top: 0;}
	
	.col-set.light2 .set-info-solo { margin-top:0px;margin-bottom:45px;}
	.col-set.light2 .kostenlos .set-info-solo { margin-bottom:0;}

	.container-full .div-set { /*min-height:105px;margin-top:-10px !important; */padding-top:0; }
	.container-full .div-set.div-set-header {min-height:40px;}
	.container-full .div-set.paket {  }
	.container-full .div-set .preis-text.euro { font-size:30px; margin-right:5px;}
	#div-page .container-full .div-set.light2 h4 { font-size:24px !important;margin-top:0; padding-top:8px;}
	#div-page2 .container-full .div-set.light2 h3 { font-size: 26px; line-height: 30px; padding-right:30px;}
	#div-page .container-full .div-set .preis-text.euro {margin-right:0; }
	.container-full .paket-modell { margin-top:0; }
	.container-full .paket-preis { text-align:left;margin-top:0px; }
	.container-full .paket-basket { text-align:right; }

	.container-full.masterslider .btn.btn-cart { top:0px; }
	.container-full.masterslider .btn.btn-cart.top2 { top:100px; }
	.container-full.masterslider .btn.btn-cart.top3 {top:10px;position:relative;}
	
	.container-full-inner-cell {
		margin-left:0px;
		margin-right:0px;
		padding-top:20px;
	}

	.container-full .set-img h3 {
		display:inline-block; 
		margin-right:10px;
		font-size: 26px;
	}
	
	#div-page .container-full .set-img h3 {
		font-size: 22px;
		line-height:40px;
		margin-bottom:0;margin-top:0;
	}
	.container-full .div-preis {
		display:block;float:right;text-align:right;margin-bottom:15px;padding-top:0;
	}

	.container-full .div-set h3.top-angebot {width:95%;font-size: 16px; padding:5px; display:none;}
	.container-full .div-set h3.gratis {margin-top:0;font-size: 14px;line-height:20px;margin-left:0px;}
	
	.kostenlos .set-img div { padding-right:0px; }
	.kostenlos .in-basket { width:105% !important; }
	.kostenlos .set-img-solo { height:140px; }
	.kostenlos .set-info-solo { margin-bottom:0; }
	
	.container-full .div-header.x {
		padding-top: 15px;
		padding-bottom: 20px;
		margin-right: 15px;
		font-size:26px;
	}
	.container-full .div-header.x.banner-paket { background: rgba(255, 149, 82, 0.95) !important; }
	
	.container-full .div-header.x .fa-circle.x1 { font-size:10px; }
	.container-full .div-header.x .fa-circle.x2 { font-size:12px; }
	.container-full .div-header.x .fa-circle.x3 { font-size:14px; }
	.container-full .div-header.x .fa-circle.x4 { font-size:16px; }

	#service-bottom .container-full-inner, #impressum .container-full-inner { padding-left:10px; padding-right:10px;padding-bottom:40px; }
	#warenkorb .container-full-inner, #checkout .container-full-inner, #payment .container-full-inner, 
	#address .container-full-inner, #daten .container-full-inner { padding-left:10px; padding-right:10px; }
	#address .container-full-inner { padding-right:15px; }

	/*header { margin-top:-10px; position:relative; }
	.header-inner {	font-size: 16px; }
	.header-cell { padding-top:10px; }
	*/
	.kacheln { margin-top:0px; margin-left:10px;border-bottom: 1px solid lightgrey; }
	#div-page2 .row.artikel { border-bottom: 0; }
	.row.artikel:last-child .kacheln:last-child, .kacheln.gratis-no { border-bottom: 0; }
	.col-lg-4.kacheln .div-set, .col-md-4.kacheln .div-set { height:auto; }
	.col-lg-4.kacheln .set-img, .col-md-4.kacheln .set-img { position:relative; height:auto; }
	
	.col-xs-12.kacheln, .col-sm-6.kacheln, .col-md-4.kacheln, .col-lg-4.kacheln { width:98%; height:auto;}

	.col-lg-4.kacheln .div-set, .col-md-4.kacheln .div-set { height:auto; }
	.col-lg-4.kacheln .div-set.div-set-header, .col-md-4.kacheln .div-set.div-set-header {  }
	.col-lg-4.kacheln .set-img, .col-md-4.kacheln .set-img { height:auto; }
	.col-lg-6.kacheln .div-set, .col-md-6.kacheln .div-set { height:auto;margin-bottom:10px; padding-right:10px;padding-bottom:10px;}
	.col-lg-6.kacheln .div-set.div-set-header, .col-md-6.kacheln .div-set.div-set-header { padding-top:10px; }
	.col-lg-6.kacheln .set-img, .col-md-6.kacheln .set-img { height:auto; }

	.kacheln.odd { padding-right:30px; margin-left:15px;margin-right:15px; }
	.kacheln.even { padding-left: 15px; padding-right:30px; margin-left:10px; }
	.kacheln.gratis-no.even { padding-left: 15px; margin-left:10px;}

	.set-links { padding-right:25px;margin-bottom:15px;  }
	.set-rechts { padding-left:20px;padding-right:25px; }
	.set-rechts>.row { margin-left:-20px; }
	.set-mitte>.row { margin-left:-5px;margin-right:-5px; }

	.btn.btn-cart { margin-top: 10px; margin-bottom:40px; width: auto; font-size:12px;width:100%;}
	#div-page .btn-cart { top:0; right:10px; font-size:16px;}		
	.kacheln .btn.btn-cart {top:0;font-size:16px;}
	.kacheln .kostenlos .btn.btn-cart {top:0;margin-bottom:30px;width:100% !important;}
	
	.kacheln .bilder {height: auto;	padding-bottom: 30px;}
	.kacheln .bilder.kostenlos {padding-bottom: 0px;}
	
	.btn-groesse .btn, .btn-modell .btn {font-size: 11px; }
	#div-page2 .btn-modell .btn, #div-page2 .btn-groesse .btn {width: 48.5%; }
		
	.btn-motiv .btn {
		/*width:40px;
		height:40px;*/
		width:60px;
		height:60px;
	}

	.btn-stil .btn {
		width:40px;
		height:40px;
	}
	
	.btn-groesse .btn, .btn-farbe .btn, .btn-stil .btn, .btn-modell .btn {	padding:5px;}
	#div-page .btn-modell .btn { padding: 5px 10px 5px 10px; }
	
	.btn-farbe .btn { width:40px;height:40px; }

	.btn-stil .btn:hover span { display:none;}
	.btn-motiv .btn:hover span { display:none;}
	.btn-farbe .btn:hover span { display:none;}

	.btn.btn-shop-next { padding: 0 25px; padding-left:0; width:90%; margin:0 0 15px 5px; font-weight:normal; text-align:right; }
	
	#divBtnMore {	
		box-sizing: border-box;
		position: fixed;
		bottom:0;
		z-index: 999;	
		/*margin-bottom:35px;
		margin-top:-40px;*/
	}
	
	#divBtnCheckout { margin-top:10px; }
	
	.in-basket { margin-left:0; }
	
	#showCheckout, #kaufen { margin-bottom:20px; }
	#kaufen { padding-left:10px; }
	#kaufen .fa { margin-left:10px !important; }
	#showMore { 
		font-size:16px;width:100%;padding-left:5px; padding-top:5px;height:60px;background: /*rgba(0,0,0,0.65)rgba(0,0,0,0.75) rgba(255, 149, 82, 0.9)*/ rgba(16, 184, 169, 0.95) !important; border:none;padding-right:80px;/*margin-left:-20px; margin-right:0px !important; */
		/*width: 60px;
		height: 60px;
		border-radius: 60px;*/
		/*bottom:10px;
		right:10px;	
		border:1px solid white !important;*/
		margin-bottom: 0px;
		padding-top: 6px;
		position:fixed;
		left:0;
		bottom:0;
		z-index:1000;
		font-family:'Open Sans Condensed',Arial;

	}
	#showMore .fa { margin-left:8px;/*font-size:36px !important;*/ }
	#showMore2 {margin-right: 17px;}
	#div-page2 .div-header.x .fa { margin-left:10px; }

	.bildKlick { margin-top:-10px;font-size:12px;padding-left:5px; text-align:center;}
		
	#paket-info-text { padding-top: 10px;}

	.div-icon-cart .pull-right { margin-right: 60px; }
	.cart {	top: 0;right: 0;}
	.error { top:15px; }
	
	.ausfuehrung { display:none; margin-bottom:3px; }
	#div-page .btn-option { margin-bottom:30px; }
	
	#msgCart { top:65px; position:fixed; width:95%;}
	
	#warenkorb { margin-top:-30px;margin-bottom:-30px; }
	#warenkorb .table, #checkout .table, #payment table { width: 98%; }
	#warenkorb th, #checkout th, #payment th { font-size:12px; }
	#warenkorb tbody > tr > td, #checkout tbody > tr > td, #payment tbody > tr > td {
		font-size: 12px;
		padding: 3px;
	}
	#warenkorb .fa-plus-circle, #warenkorb .fa-minus-circle, #warenkorb .fa-fw { margin-right:0; margin-right:0; width:20px;}
	
	#warenkorb-bottom.container-full { position:relative !important; border-bottom: 1px solid #fff; padding-bottom: 20px;}
	#warenkorb-bottom .container-full-inner-cell { margin-left:10px !important;margin-right:10px !important; }
	#warenkorb-bottom .warenkorb-bottom-div-preis { margin-top:10px; }

	#form-address .felder { margin-left:20px; margin-right:0px;}
	#form-address #plz-group, #form-address #ort-group { display:block !important;}
	#form-address #ort-group, #form-address textarea { width:100% !important;margin-left:0;}
	#form-address #plz-group { width: 50% !important; }
	#form-address #city {float:initial !important; }
	#form-address #div-land {margin-right:0px !important }
	
	.form-quer .input select { margin-left: 0; }
	/* Hoshi */
	.input--hoshi[data-feld=salutation] { width:100px; display:block; }
	.input--hoshi[data-feld=firstname] { width:100%; }
	.input--hoshi[data-feld=lastname] { width:100%; float:unset; }
	.input--hoshi[data-feld=street] { width:100%; }
	.input--hoshi[data-feld=streetno] { width:80px; display:block; }
	.input--hoshi[data-feld=street2] { width:100%;float:unset; }
	.input--hoshi[data-feld=email] { width:100%; }
	.input--hoshi[data-feld=vorwahl] { width:15%; }
	.input--hoshi[data-feld=tel] { width:80%; }
	.input--hoshi[data-feld=birthdate] { width:100%; float:unset; }
	.input--hoshi[data-feld=country] { width:60%; }
	.input--hoshi[data-feld=plz] { width:35%; float:right }
	.input--hoshi[data-feld=city] {width:100%;float:unset}

	h3.modal-title { font-size:18px; }
	.modal-footer { padding:10px; }

	a.nav-icon, a.nav-icon-outline{	margin-left: 25px;margin-right:15px;}

	ul.errorMessages li {color:inherit;padding-left:0px; }
	ul.errorMessages img {margin-left:20px; }

	footer{	position: relative; min-height:60px; height:100px !important;bottom:0;}
	footer.loaded { bottom:0; }
	.footer-inner { margin-top:0; padding-top:20px; padding-bottom:20px; width:100%; margin-left:10px; }
	
	.animBlock { opacity: 0; }
  	.animBlockHeader[data-position="left"].viewed, .animBlockHeader[data-position="right"].notViewed,
	.animBlockHeader[data-position="right"].viewed, .animBlockHeader[data-position="right"].notViewed {
		filter: alpha(opacity = 80); /* IE 6, 7, 8 */ 
		-ms-filter: "alpha(opacity = 80)"; /* ab IE 8 zusätzlich möglich */ 
		opacity: .80; /* alle anderen Browser einschließlich IE 9 */
	}
	.animBlock.viewed[data-position="right"] { border-left:0; }

	.nomobile { display:none; }
	.nohandy { display:none; }
	.onlymobile { display:inline-block; }
	.onlyhandy { display:inline-block; }
	.onlytablet { display:none; }
	
	.nosmall { display:none; }

	/* === HTML5 validation styles === */	
	.form-quer input[type=checkbox]:required {
		background: initial;
	}
	
	.form-quer input[type=checkbox]:required:valid {
		background: initial;
	}
	
	.form-quer input[type=checkbox]:focus:invalid {
		background: initial;
	}
}