/*
@import url('https://fonts.googleapis.com/css?family=Kalam');
@import url('http://fonts.googleapis.com/css?family=Kalam:700');
@import url('http://fonts.googleapis.com/css?family=Tangerine');
@import url('http://fonts.googleapis.com/css?family=Tangerine:700');
@import url('http://fonts.googleapis.com/css?family=Ubuntu+Condensed');
@import url('http://fonts.googleapis.com/css?family=Droid+Serif:700');

<!--
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Indie+Flower" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Lobster" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Dancing+Script" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Amatic+SC" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Alegreya" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Architects+Daughter" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Tillana" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Lobster+Two" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Farsan" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Courgette" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Satisfy" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Playball" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/icon?family=Great+Vibes" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Cookie" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Niconne" rel="stylesheet" />
-->
*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

@import url("https://fonts.googleapis.com/icon?family=Lobster+Two");

@import url("https://fonts.googleapis.com/icon?family=Great+Vibes");

@import url("https://fonts.googleapis.com/icon?family=Ubuntu+Condensed")
	;

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	top: 0;
	left: 0;
	font-size: 12px;
	font-weight: 500;
	font-family: "Ubuntu Condensed", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #333;
	text-align: left;
	z-index: 1;
	vertical-align: top;
	border: 0 none;
	box-sizing: border-box;
}

*:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

p {
	margin-bottom: 0.6rem;
}

a,a:link,a:visited,a:active,a:focus,a:hover,button,select {
	cursor: pointer;
}

a,a:link,a:visited,a:active,a:focus,a:hover {
	color: #873342;
}

a:hover {
	color: #630F1E;
}

a.lnkMore:after,a.lnkMore:link:after,a.lnkMore:visited:after,a.lnkMore:active:after,a.lnkMore:focus:after,a.lnkMore:hover:after
	{
	content: "";
	display: block;
	height: 22px;
	width: 8px;
	background: transparent url("img/sprites/sprite.png") no-repeat -546px
		-32px;
	position: absolute;
	right: -10px;
	left: auto;
	top: 1px;
}

a.lnkMore:hover:after {
	background-position: -546px -200px;
}

.notSupported {
	display: none;
}

.ie8 .notSupported {
	display: block;
}

.ie8 .pageWrapper {
	display: none;
}

.noLink {
	text-decoration: none;
}

.noList {
	list-style: none;
}

.pageContentInner {
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.fontFamily-1 {
	font-family: "Lobster";
}

.fontFamily-2 {
	font-family: "Indie Flower";
}

.fontFamily-3 {
	font-family: "Dancing Script";
}

.fontFamily-4 {
	font-family: "Amatic SC";
}

.fontFamily-5 {
	font-family: "Alegreya";
}

.fontFamily-6 {
	font-family: "Architects Daughter";
}

.fontFamily-7 {
	font-family: "Tillana";
}

.fontFamily-8 {
	font-family: "Lobster Two";
}

.fontFamily-9 {
	font-family: "Farsan";
}

.fontFamily-10 {
	font-family: "Courgette";
}

.fontFamily-11 {
	font-family: "Satisfy";
}

.fontFamily-12 {
	font-family: "Playball";
}

.fontFamily-13 {
	font-family: "Great Vibes";
}

.fontFamily-14 {
	font-family: "Cookie";
}

.fontFamily-15 {
	font-family: "Niconne";
}

.fontType-1 {
	font-size: 2rem;
	text-transform: uppercase;
}

.fontType-2 {
	font-size: 1rem;
	text-transform: uppercase;
	padding: 0;
}

.fontType-3 {
	font-size: 1.2rem;
	text-transform: uppercase;
	padding: 0;
}

.fontType-4 {
	font-size: 2rem;
}

.fontType-5 {
	font-size: 1.5rem;
}

.fontType-6 {
	font-size: 2.8rem;
	text-transform: uppercase;
	font-weight: 700;
}

.fontType-7 {
	font-size: 1.2rem;
}

.paddingModulTopBottom {
	padding: 3rem 0;
}

.paddingModulTopBottomSmall {
	padding: 1rem 0;
}

.noUnderline {
	text-decoration: none;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.textImportant {
	color: #CE0000;
}

.txtSuccess {
	color: #00890D;
}

.txtSpecial {
	color: #00890D;
	font-size: 3rem;
}

.txtOld {
	color: #CE0000;
}

.txtBold {
	font-weight: bold;
}

.eleRight {
	float: right;
}

.eleLeft {
	float: left;
}

.borderBottom-1 {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #f3f3f3;
}

.bgShadowInsetBottom {
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3) inset;
}

.noMobile {
	display: block !important;
}

.mobile {
	display: none !important;
}

@media ( max-width : 1200px) {
	.pageContentInner {
		max-width: none;
		width: 100%;
	}
}

@media ( max-width : 768px) {
	.pageContentInner .noMobile {
		display: none !important;
	}
	.pageContentInner .mobile {
		display: block !important;
	}
}
/*
.fontType-1 {
  font-size: 2rem;
  text-transform: uppercase;
}
.fontType-2 {
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0;
}
.fontType-3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 0;
}
.fontType-4 {
  font-size: 2rem;
}
.fontType-5 {
  font-size: 1.5rem;
}
.fontType-6 {
  font-size: 2.8rem;
  text-transform: uppercase;
  font-weight: 700;
}

.fontType-7 {
  font-size: 1.2rem;
}
@media (max-width: $bp1) {
  .fontType-6 {
    font-size: 2.6rem;
  }
}
@media (max-width: $bp2) {
}
@media (max-width: $bp3) {
}







.tbl {
  display: table;
  height: 100%;
  .tblCell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
}


.noUnderline {
  text-decoration: none;
}


.paddingModulTopBottom {
  padding: 2em 0;
}


.textRight {
  text-align: right;
}
.textCenter {
  text-align: center;
}

.textImportant {
  color: $colFgSecondary;
}
.txtSpecial {
  color: $colPriceSpecial;
  font-size: 3rem;
}
.txtOld {
  color: $colPriceOld;
}

.eleRight {
  float: right;
}
.eleLeft {
  float: left;
}

.borderBottom-1 {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid $colBgNaviLight;
}
*/
.bg1 {
	background: transparent none no-repeat center top;
	background-size: cover;
}

.bg2 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_1491.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg3 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9601.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg4 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9671.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg5 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9675.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg6 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9702.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg7 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9741.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg8 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9787.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg9 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9819.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg10 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9852.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg11 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9870.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg12 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_9874.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg13 {
	background: transparent url("img/backgrounds/IMG_9912.JPG") no-repeat
		center top;
	background-size: cover;
}

.bg14 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_1434.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg15 {
	background: transparent
		url("../../../../global/img/content/backgrounds/IMG_1171.JPG")
		no-repeat center top;
	background-size: cover;
}

.bg16 {
	background: transparent url("img/backgrounds/bord.png") repeat left 20px;
}

.bg16.bg16Small {
	background-size: auto 143px;
	background-position: left 56px;
}

.borderWinkelRight {
	background: transparent url("img/backgrounds/winkel_right.png") repeat-y
		right top;
}

.borderWinkelLeft {
	background: transparent url("img/backgrounds/winkel_left.png") repeat-y
		left top;
}

.bg17 {
	background: transparent url("img/backgrounds/wallpaper.png") repeat left
		0;
}

.bg18 {
	background: transparent url("img/backgrounds/wall_1.png") repeat left 0;
}

.bg19 {
	background: transparent url("img/backgrounds/IMG_1491_hell.jpg") repeat
		left 0;
}

.bg20 {
	background: transparent url("img/backgrounds/wall_2.png") repeat left 0;
}

.bgColor-1 {
	background-color: #B2BDFF;
}

.bgColor-2 {
	background-color: #FF3FEB;
}

.bgColor-3 {
	background-color: #99D1FF;
}

.bgColor-4 {
	background-color: #f3f3f3;
}

.bgCover {
	background-size: cover;
}

.bgContain {
	background-size: contain;
}

@media ( max-width : 768px) {
	.borderWinkelRight {
		background-image: url("img/backgrounds/winkel_right_small.png");
	}
	.borderWinkelLeft {
		background-image: url("img/backgrounds/winkel_left_small.png");
	}
}

input,textarea,.inpSelImg {
	border: 1px solid #ccc;
	-webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
	-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
	border-radius: 0.4em 0.4em 0.4em 0.4em;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	padding: 1.2em 1em 0.2em 1em;
	font-size: 1em;
	width: 100%;
}

input[readonly="readonly"],textarea[readonly="readonly"],.inpSelImg[readonly="readonly"]
	{
	background-color: #ccc;
}

select {
	border: 0 none;
	-webkit-border-radius: 2em 2em 2em 2em;
	-moz-border-radius: 2em 2em 2em 2em;
	border-radius: 2em 2em 2em 2em;
	padding: 0;
	font-size: 1em;
	width: 110%;
	background: transparent none;
	display: inline-block;
	height: 1.6em;
	margin-left: 1em;
	margin-top: 1em;
}

select option {
	font-size: 1rem;
	padding: 1rem;
}

label {
	position: absolute;
	left: 0.5em;
	top: 0.2rem;
	cursor: pointer;
	color: #0094FF;
}

.lbl {
	font-size: 1.4rem;
	color: #0094FF;
}

.inp {
	overflow: hidden;
	margin-bottom: 0.2em;
	padding-bottom: 0;
}

.inp.inpSel .inpSelImg {
	position: absolute;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor: pointer;
	background-color: #fff;
}

.inp.inpSel .inpSelImg.lastProduct {
	background-color: #f3f3f3;
}

.inp.inpRad {
	padding: 1.2rem 1em 1.2rem 1em;
}

.inp.inpRad input {
	width: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.inp.inpRad input:checked+label.lblRadio:after {
	background-color: #0094FF;
}

.inp.inpRad label.lblRadio {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 2em;
	font-size: 1.4rem;
	padding-left: 2rem;
	color: #333;
}

.inp.inpRad label.lblRadio:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 3rem;
	position: absolute;
	top: 0;
	left: -2rem;
	margin-top: -0.8em;
	width: 3rem;
	border: 1px solid #ccc;
	-webkit-border-radius: 2rem 2rem 2rem 2rem;
	-moz-border-radius: 2rem 2rem 2rem 2rem;
	border-radius: 2rem 2rem 2rem 2rem;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
}

.inp.inpRad label.lblRadio:after {
	background-color: transparent;
	content: "";
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	position: absolute;
	top: 0.9rem;
	left: -1.1rem;
	margin-top: -0.8em;
	-webkit-border-radius: 2rem 2rem 2rem 2rem;
	-moz-border-radius: 2rem 2rem 2rem 2rem;
	border-radius: 2rem 2rem 2rem 2rem;
	-webkit-box-shadow: 0 0 0 0 transparent inset;
	-moz-box-shadow: 0 0 0 0 transparent inset;
	box-shadow: 0 0 0 0 transparent inset;
}

.inp.inpCbx {
	padding: 0.2em 1em 0.4em 1em;
}

.inp.inpCbx input {
	width: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: absolute;
}

.inp.inpCbx input:checked+label:after {
	background-color: #0094FF;
}

.inp.inpCbx label {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1rem;
	padding-left: 3rem;
	display: block;
	margin-bottom: 0.4rem;
	color: #333;
}

.inp.inpCbx label:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 2em;
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	border: 1px solid #ccc;
	-webkit-border-radius: 0.6em 0.6em 0.6em 0.6em;
	-moz-border-radius: 0.6em 0.6em 0.6em 0.6em;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3) inset;
}

.inp.inpCbx label:after {
	content: "";
	display: block;
	width: 0.8em;
	height: 0.8em;
	position: absolute;
	top: 0.7em;
	left: 0.7em;
	background-color: transparent;
}

.imgCaptcha {
	background-color: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #B2BDFF;
}

.btn,.btn:link,.btn:visited,.btn:active,.btn:focus,.btn:hover {
	-webkit-border-radius: 1rem 1rem 1rem 1rem;
	-moz-border-radius: 1rem 1rem 1rem 1rem;
	border-radius: 1rem 1rem 1rem 1rem;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	display: inline-block;
	font-size: 1.4rem;
	padding: 0.2em 14px;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	margin: 0 0.4rem 0.4rem 0;
	text-decoration: none;
}

.btn.btnDefault,.btn.btnDefault:link,.btn.btnDefault:visited,.btn.btnDefault:active,.btn.btnDefault:focus,.btn.btnDefault:hover,.btn:link.btnDefault,.btn:link.btnDefault:link,.btn:link.btnDefault:visited,.btn:link.btnDefault:active,.btn:link.btnDefault:focus,.btn:link.btnDefault:hover,.btn:visited.btnDefault,.btn:visited.btnDefault:link,.btn:visited.btnDefault:visited,.btn:visited.btnDefault:active,.btn:visited.btnDefault:focus,.btn:visited.btnDefault:hover,.btn:active.btnDefault,.btn:active.btnDefault:link,.btn:active.btnDefault:visited,.btn:active.btnDefault:active,.btn:active.btnDefault:focus,.btn:active.btnDefault:hover,.btn:focus.btnDefault,.btn:focus.btnDefault:link,.btn:focus.btnDefault:visited,.btn:focus.btnDefault:active,.btn:focus.btnDefault:focus,.btn:focus.btnDefault:hover,.btn:hover.btnDefault,.btn:hover.btnDefault:link,.btn:hover.btnDefault:visited,.btn:hover.btnDefault:active,.btn:hover.btnDefault:focus,.btn:hover.btnDefault:hover
	{
	background-color: #0094FF;
	color: #fff;
}

.btn.btnDefault:hover,.btn.btnDefault:hover *,.btn:link.btnDefault:hover,.btn:link.btnDefault:hover *,.btn:visited.btnDefault:hover,.btn:visited.btnDefault:hover *,.btn:active.btnDefault:hover,.btn:active.btnDefault:hover *,.btn:focus.btnDefault:hover,.btn:focus.btnDefault:hover *,.btn:hover.btnDefault:hover,.btn:hover.btnDefault:hover *
	{
	background-color: #0077CC;
}

.btn.btnSmall,.btn.btnSmall:link,.btn.btnSmall:visited,.btn.btnSmall:active,.btn.btnSmall:focus,.btn.btnSmall:hover,.btn:link.btnSmall,.btn:link.btnSmall:link,.btn:link.btnSmall:visited,.btn:link.btnSmall:active,.btn:link.btnSmall:focus,.btn:link.btnSmall:hover,.btn:visited.btnSmall,.btn:visited.btnSmall:link,.btn:visited.btnSmall:visited,.btn:visited.btnSmall:active,.btn:visited.btnSmall:focus,.btn:visited.btnSmall:hover,.btn:active.btnSmall,.btn:active.btnSmall:link,.btn:active.btnSmall:visited,.btn:active.btnSmall:active,.btn:active.btnSmall:focus,.btn:active.btnSmall:hover,.btn:focus.btnSmall,.btn:focus.btnSmall:link,.btn:focus.btnSmall:visited,.btn:focus.btnSmall:active,.btn:focus.btnSmall:focus,.btn:focus.btnSmall:hover,.btn:hover.btnSmall,.btn:hover.btnSmall:link,.btn:hover.btnSmall:visited,.btn:hover.btnSmall:active,.btn:hover.btnSmall:focus,.btn:hover.btnSmall:hover
	{
	width: auto;
}

.btn.btnDelete,.btn.btnDelete:link,.btn.btnDelete:visited,.btn.btnDelete:active,.btn.btnDelete:focus,.btn.btnDelete:hover,.btn:link.btnDelete,.btn:link.btnDelete:link,.btn:link.btnDelete:visited,.btn:link.btnDelete:active,.btn:link.btnDelete:focus,.btn:link.btnDelete:hover,.btn:visited.btnDelete,.btn:visited.btnDelete:link,.btn:visited.btnDelete:visited,.btn:visited.btnDelete:active,.btn:visited.btnDelete:focus,.btn:visited.btnDelete:hover,.btn:active.btnDelete,.btn:active.btnDelete:link,.btn:active.btnDelete:visited,.btn:active.btnDelete:active,.btn:active.btnDelete:focus,.btn:active.btnDelete:hover,.btn:focus.btnDelete,.btn:focus.btnDelete:link,.btn:focus.btnDelete:visited,.btn:focus.btnDelete:active,.btn:focus.btnDelete:focus,.btn:focus.btnDelete:hover,.btn:hover.btnDelete,.btn:hover.btnDelete:link,.btn:hover.btnDelete:visited,.btn:hover.btnDelete:active,.btn:hover.btnDelete:focus,.btn:hover.btnDelete:hover
	{
	background-color: #AF0000;
	color: #fff;
}

.btn.btnDelete:hover,.btn.btnDelete:hover *,.btn:link.btnDelete:hover,.btn:link.btnDelete:hover *,.btn:visited.btnDelete:hover,.btn:visited.btnDelete:hover *,.btn:active.btnDelete:hover,.btn:active.btnDelete:hover *,.btn:focus.btnDelete:hover,.btn:focus.btnDelete:hover *,.btn:hover.btnDelete:hover,.btn:hover.btnDelete:hover *
	{
	background-color: #8E0000;
}

.btn.btnIconUpdate,.btn.btnIconUpdate:link,.btn.btnIconUpdate:visited,.btn.btnIconUpdate:active,.btn.btnIconUpdate:focus,.btn.btnIconUpdate:hover,.btn:link.btnIconUpdate,.btn:link.btnIconUpdate:link,.btn:link.btnIconUpdate:visited,.btn:link.btnIconUpdate:active,.btn:link.btnIconUpdate:focus,.btn:link.btnIconUpdate:hover,.btn:visited.btnIconUpdate,.btn:visited.btnIconUpdate:link,.btn:visited.btnIconUpdate:visited,.btn:visited.btnIconUpdate:active,.btn:visited.btnIconUpdate:focus,.btn:visited.btnIconUpdate:hover,.btn:active.btnIconUpdate,.btn:active.btnIconUpdate:link,.btn:active.btnIconUpdate:visited,.btn:active.btnIconUpdate:active,.btn:active.btnIconUpdate:focus,.btn:active.btnIconUpdate:hover,.btn:focus.btnIconUpdate,.btn:focus.btnIconUpdate:link,.btn:focus.btnIconUpdate:visited,.btn:focus.btnIconUpdate:active,.btn:focus.btnIconUpdate:focus,.btn:focus.btnIconUpdate:hover,.btn:hover.btnIconUpdate,.btn:hover.btnIconUpdate:link,.btn:hover.btnIconUpdate:visited,.btn:hover.btnIconUpdate:active,.btn:hover.btnIconUpdate:focus,.btn:hover.btnIconUpdate:hover
	{
	font-size: 0;
	background-image: url("img/sprites/sprite.png");
	background-repeat: no-repeat;
	background-position: -1111px -18px;
	width: 48px;
	height: 48px;
}

.btn.btnIconUpdate:hover,.btn:link.btnIconUpdate:hover,.btn:visited.btnIconUpdate:hover,.btn:active.btnIconUpdate:hover,.btn:focus.btnIconUpdate:hover,.btn:hover.btnIconUpdate:hover
	{
	background-position: -1111px -186px;
}

.btn.btnIconDetails,.btn.btnIconDetails:link,.btn.btnIconDetails:visited,.btn.btnIconDetails:active,.btn.btnIconDetails:focus,.btn.btnIconDetails:hover,.btn:link.btnIconDetails,.btn:link.btnIconDetails:link,.btn:link.btnIconDetails:visited,.btn:link.btnIconDetails:active,.btn:link.btnIconDetails:focus,.btn:link.btnIconDetails:hover,.btn:visited.btnIconDetails,.btn:visited.btnIconDetails:link,.btn:visited.btnIconDetails:visited,.btn:visited.btnIconDetails:active,.btn:visited.btnIconDetails:focus,.btn:visited.btnIconDetails:hover,.btn:active.btnIconDetails,.btn:active.btnIconDetails:link,.btn:active.btnIconDetails:visited,.btn:active.btnIconDetails:active,.btn:active.btnIconDetails:focus,.btn:active.btnIconDetails:hover,.btn:focus.btnIconDetails,.btn:focus.btnIconDetails:link,.btn:focus.btnIconDetails:visited,.btn:focus.btnIconDetails:active,.btn:focus.btnIconDetails:focus,.btn:focus.btnIconDetails:hover,.btn:hover.btnIconDetails,.btn:hover.btnIconDetails:link,.btn:hover.btnIconDetails:visited,.btn:hover.btnIconDetails:active,.btn:hover.btnIconDetails:focus,.btn:hover.btnIconDetails:hover
	{
	font-size: 0;
	background-image: url("img/sprites/sprite.png");
	background-repeat: no-repeat;
	background-position: -1538px -18px;
	width: 48px;
	height: 48px;
}

.btn.btnIconDetails:hover,.btn:link.btnIconDetails:hover,.btn:visited.btnIconDetails:hover,.btn:active.btnIconDetails:hover,.btn:focus.btnIconDetails:hover,.btn:hover.btnIconDetails:hover
	{
	background-position: -1538px -186px;
}

.btn.btnIconDelete,.btn.btnIconDelete:link,.btn.btnIconDelete:visited,.btn.btnIconDelete:active,.btn.btnIconDelete:focus,.btn.btnIconDelete:hover,.btn:link.btnIconDelete,.btn:link.btnIconDelete:link,.btn:link.btnIconDelete:visited,.btn:link.btnIconDelete:active,.btn:link.btnIconDelete:focus,.btn:link.btnIconDelete:hover,.btn:visited.btnIconDelete,.btn:visited.btnIconDelete:link,.btn:visited.btnIconDelete:visited,.btn:visited.btnIconDelete:active,.btn:visited.btnIconDelete:focus,.btn:visited.btnIconDelete:hover,.btn:active.btnIconDelete,.btn:active.btnIconDelete:link,.btn:active.btnIconDelete:visited,.btn:active.btnIconDelete:active,.btn:active.btnIconDelete:focus,.btn:active.btnIconDelete:hover,.btn:focus.btnIconDelete,.btn:focus.btnIconDelete:link,.btn:focus.btnIconDelete:visited,.btn:focus.btnIconDelete:active,.btn:focus.btnIconDelete:focus,.btn:focus.btnIconDelete:hover,.btn:hover.btnIconDelete,.btn:hover.btnIconDelete:link,.btn:hover.btnIconDelete:visited,.btn:hover.btnIconDelete:active,.btn:hover.btnIconDelete:focus,.btn:hover.btnIconDelete:hover
	{
	font-size: 0;
	background-image: url("img/sprites/sprite.png");
	background-repeat: no-repeat;
	background-position: -1328px -16px;
	width: 48px;
	height: 48px;
}

.btn.btnIconDelete:hover,.btn:link.btnIconDelete:hover,.btn:visited.btnIconDelete:hover,.btn:active.btnIconDelete:hover,.btn:focus.btnIconDelete:hover,.btn:hover.btnIconDelete:hover
	{
	background-position: -1328px -183px;
}

.btn.btnIconNext,.btn.btnIconNext:link,.btn.btnIconNext:visited,.btn.btnIconNext:active,.btn.btnIconNext:focus,.btn.btnIconNext:hover,.btn:link.btnIconNext,.btn:link.btnIconNext:link,.btn:link.btnIconNext:visited,.btn:link.btnIconNext:active,.btn:link.btnIconNext:focus,.btn:link.btnIconNext:hover,.btn:visited.btnIconNext,.btn:visited.btnIconNext:link,.btn:visited.btnIconNext:visited,.btn:visited.btnIconNext:active,.btn:visited.btnIconNext:focus,.btn:visited.btnIconNext:hover,.btn:active.btnIconNext,.btn:active.btnIconNext:link,.btn:active.btnIconNext:visited,.btn:active.btnIconNext:active,.btn:active.btnIconNext:focus,.btn:active.btnIconNext:hover,.btn:focus.btnIconNext,.btn:focus.btnIconNext:link,.btn:focus.btnIconNext:visited,.btn:focus.btnIconNext:active,.btn:focus.btnIconNext:focus,.btn:focus.btnIconNext:hover,.btn:hover.btnIconNext,.btn:hover.btnIconNext:link,.btn:hover.btnIconNext:visited,.btn:hover.btnIconNext:active,.btn:hover.btnIconNext:focus,.btn:hover.btnIconNext:hover
	{
	padding-right: 40px;
}

.btn.btnIconNext:after,.btn.btnIconNext:link:after,.btn.btnIconNext:visited:after,.btn.btnIconNext:active:after,.btn.btnIconNext:focus:after,.btn.btnIconNext:hover:after,.btn:link.btnIconNext:after,.btn:link.btnIconNext:link:after,.btn:link.btnIconNext:visited:after,.btn:link.btnIconNext:active:after,.btn:link.btnIconNext:focus:after,.btn:link.btnIconNext:hover:after,.btn:visited.btnIconNext:after,.btn:visited.btnIconNext:link:after,.btn:visited.btnIconNext:visited:after,.btn:visited.btnIconNext:active:after,.btn:visited.btnIconNext:focus:after,.btn:visited.btnIconNext:hover:after,.btn:active.btnIconNext:after,.btn:active.btnIconNext:link:after,.btn:active.btnIconNext:visited:after,.btn:active.btnIconNext:active:after,.btn:active.btnIconNext:focus:after,.btn:active.btnIconNext:hover:after,.btn:focus.btnIconNext:after,.btn:focus.btnIconNext:link:after,.btn:focus.btnIconNext:visited:after,.btn:focus.btnIconNext:active:after,.btn:focus.btnIconNext:focus:after,.btn:focus.btnIconNext:hover:after,.btn:hover.btnIconNext:after,.btn:hover.btnIconNext:link:after,.btn:hover.btnIconNext:visited:after,.btn:hover.btnIconNext:active:after,.btn:hover.btnIconNext:focus:after,.btn:hover.btnIconNext:hover:after
	{
	background-image: url("img/sprites/sprite.png");
	background-repeat: no-repeat;
	background-position: -1548px -20px;
	content: "";
	display: block;
	height: 40px;
	left: auto;
	position: absolute;
	right: 10px;
	top: 0;
	width: 26px;
}

.btn.btnIconNext:hover:after,.btn:link.btnIconNext:hover:after,.btn:visited.btnIconNext:hover:after,.btn:active.btnIconNext:hover:after,.btn:focus.btnIconNext:hover:after,.btn:hover.btnIconNext:hover:after
	{
	background-position: -1548px -188px;
}

.btn.btnIconPrev,.btn.btnIconPrev:link,.btn.btnIconPrev:visited,.btn.btnIconPrev:active,.btn.btnIconPrev:focus,.btn.btnIconPrev:hover,.btn:link.btnIconPrev,.btn:link.btnIconPrev:link,.btn:link.btnIconPrev:visited,.btn:link.btnIconPrev:active,.btn:link.btnIconPrev:focus,.btn:link.btnIconPrev:hover,.btn:visited.btnIconPrev,.btn:visited.btnIconPrev:link,.btn:visited.btnIconPrev:visited,.btn:visited.btnIconPrev:active,.btn:visited.btnIconPrev:focus,.btn:visited.btnIconPrev:hover,.btn:active.btnIconPrev,.btn:active.btnIconPrev:link,.btn:active.btnIconPrev:visited,.btn:active.btnIconPrev:active,.btn:active.btnIconPrev:focus,.btn:active.btnIconPrev:hover,.btn:focus.btnIconPrev,.btn:focus.btnIconPrev:link,.btn:focus.btnIconPrev:visited,.btn:focus.btnIconPrev:active,.btn:focus.btnIconPrev:focus,.btn:focus.btnIconPrev:hover,.btn:hover.btnIconPrev,.btn:hover.btnIconPrev:link,.btn:hover.btnIconPrev:visited,.btn:hover.btnIconPrev:active,.btn:hover.btnIconPrev:focus,.btn:hover.btnIconPrev:hover
	{
	padding-left: 40px;
}

.btn.btnIconPrev:after,.btn.btnIconPrev:link:after,.btn.btnIconPrev:visited:after,.btn.btnIconPrev:active:after,.btn.btnIconPrev:focus:after,.btn.btnIconPrev:hover:after,.btn:link.btnIconPrev:after,.btn:link.btnIconPrev:link:after,.btn:link.btnIconPrev:visited:after,.btn:link.btnIconPrev:active:after,.btn:link.btnIconPrev:focus:after,.btn:link.btnIconPrev:hover:after,.btn:visited.btnIconPrev:after,.btn:visited.btnIconPrev:link:after,.btn:visited.btnIconPrev:visited:after,.btn:visited.btnIconPrev:active:after,.btn:visited.btnIconPrev:focus:after,.btn:visited.btnIconPrev:hover:after,.btn:active.btnIconPrev:after,.btn:active.btnIconPrev:link:after,.btn:active.btnIconPrev:visited:after,.btn:active.btnIconPrev:active:after,.btn:active.btnIconPrev:focus:after,.btn:active.btnIconPrev:hover:after,.btn:focus.btnIconPrev:after,.btn:focus.btnIconPrev:link:after,.btn:focus.btnIconPrev:visited:after,.btn:focus.btnIconPrev:active:after,.btn:focus.btnIconPrev:focus:after,.btn:focus.btnIconPrev:hover:after,.btn:hover.btnIconPrev:after,.btn:hover.btnIconPrev:link:after,.btn:hover.btnIconPrev:visited:after,.btn:hover.btnIconPrev:active:after,.btn:hover.btnIconPrev:focus:after,.btn:hover.btnIconPrev:hover:after
	{
	background-image: url("img/sprites/sprite.png");
	background-repeat: no-repeat;
	background-position: -1742px -20px;
	content: "";
	display: block;
	height: 40px;
	left: 10px;
	position: absolute;
	top: 0;
	width: 26px;
}

.btn.btnIconPrev:hover:after,.btn:link.btnIconPrev:hover:after,.btn:visited.btnIconPrev:hover:after,.btn:active.btnIconPrev:hover:after,.btn:focus.btnIconPrev:hover:after,.btn:hover.btnIconPrev:hover:after
	{
	background-position: -1742px -188px;
}

.headline {
	margin-bottom: 1em;
}

.headline.headline-1 {
	margin-bottom: 2rem;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
	transform: rotate(3deg);
	width: 90%;
	padding-left: 5%;
}

.headline.headline-1 .headlineOuter .headlineInner {
	color: #0077CC;
	font-size: 4rem;
	font-weight: 500;
	background-color: #fff;
	padding: 0.2em 1em;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.headline.headline-1 .headlineOuter:after,.headline.headline-1 .headlineOuter:before
	{
	bottom: -4.5rem;
	box-shadow: 2px 0 2px 4px rgba(0, 0, 0, 0.3);
	content: "";
	display: block;
	left: 5%;
	position: absolute;
	top: auto;
	transform: rotate(2deg);
	width: 90%;
	z-index: -1;
}

.headline.headline-1 .headlineOuter:before {
	transform: rotate(-2deg);
}

.headline.headline-2 {
	display: inline-block;
	font-size: 3rem;
	text-shadow: 4px 4px 3px #fff, -4px -4px 3px #0077CC;
}

@media ( max-width : 768px) {
	.headline.headline-1 .headlineOuter .headlineInner {
		font-size: 2.5rem;
		padding: 0.2em 0.4em;
	}
	.headline.headline-1 .headlineOuter:after,.headline.headline-1 .headlineOuter:before
		{
		bottom: -2.5rem;
		width: 84%;
	}
	.headline.headline-2 {
		font-size: 2rem;
	}
}

.ribbon {
	font-size: 1.3rem;
	font-weight: 500;
	left: -70px;
	padding: 0.1em 3em;
	position: absolute;
	text-align: center;
	top: 20px;
	transform: rotate(-45deg);
	width: 200px;
	box-shadow: 10px 10px 6px -10px rgba(0, 0, 0, 0.3);
}

.ribbon.ribbonFlohmarkt {
	background-color: #E1BFFF;
}

.ribbon.ribbonGebraucht {
	background-color: #96E0B6;
}

.ribbon.ribbonNeuware {
	background-color: #99D1FF;
}

.ribbon.ribbonNeuwertig {
	background-color: #CEB6D6;
}

.ribbon.ribbonPercent {
	background-color: #ffd800;
	left: -87px;
	top: 0;
}

.lst.lstDefinition .lstDefinitionTitle {
	float: left;
	padding-right: 0.4em;
}

.layerFor {
	bottom: 4%;
	-webkit-box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 2px 2px rgba(0, 0, 0, 0.3);
	font-size: 1.4rem;
	left: auto;
	padding: 0.1em 0.6em 0.1em 0.6em;
	position: absolute;
	right: 1px;
	top: auto;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}

.layerFor:after {
	border-color: transparent rgba(0, 0, 0, 0.3) transparent transparent;
	border-image: none;
	border-style: solid;
	bottom: -4px;
	content: " ";
	position: absolute;
	right: 0;
	top: auto;
	transform: rotate(45deg);
}

.layerFor.layerFor-kids {
	background-color: #FFB2F4;
}

.layerFor.layerFor-men {
	background-color: #0026FF;
	color: #fff;
}

.layerFor.layerFor-women {
	background-color: #FF3FEB;
}

.priceWrapper {
	left: 16px;
	position: absolute;
	top: -12px;
	transform: rotate(3deg);
}

.priceWrapper::before {
	background-color: #ccc;
	content: " ";
	height: 87%;
	left: auto;
	position: absolute;
	right: -6px;
	top: 0;
	transform: skew(8deg);
	width: 90%;
	z-index: -1;
}

.priceWrapper .priceWrapperInner {
	display: block;
	background-color: #f3f3f3;
	padding: 0.2em 0.6em;
	border: 1px outset #ccc;
	transform: skew(-8deg);
}

.priceWrapper .priceWrapperInner .priceNow,.priceWrapper .priceWrapperInner .priceSpecial
	{
	color: #0094FF;
	font-size: 1.6rem;
	margin-right: 0.4em;
}

.priceWrapper .priceWrapperInner .priceSpecial {
	color: #00890D;
	font-size: 1.8rem;
	font-weight: 700;
}

.priceWrapper .priceWrapperInner .priceOld {
	color: #CE0000;
	font-size: 1.2rem;
	text-decoration: line-through;
}

.priceWrapper .layerNew {
	background-color: #ffd800;
	border: 1px solid #ccc;
	font-size: 1.4rem;
	left: 22px;
	padding: 0.4em;
	position: absolute;
	top: -2em;
	transform: rotate(18deg);
}

.priceWrapper .layerNew:after {
	border-color: transparent rgba(0, 0, 0, 0.3) transparent transparent;
	border-image: none;
	border-style: solid;
	bottom: -4px;
	content: " ";
	position: absolute;
	right: 0;
	top: auto;
	transform: rotate(45deg);
}

.productImgWrapper {
	display: block;
	text-align: center;
	height: 180px;
	position: relative;
	width: 100%;
}

.productImgWrapper .productImgScale {
	display: inline-block;
	height: 180px;
	width: 180px;
	position: relative;
	text-align: center;
	vertical-align: bottom;
	overflow: hidden;
	border: 1px outset #333;
	padding: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 -4px 6px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 -4px 6px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 -4px 6px 2px rgba(0, 0, 0, 0.3);
}

.productImgWrapper .productImgScale .productImg {
	width: 170px;
	height: 170px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.productImgWrapper .productImgScale.soldOut:after {
	background-color: rgba(255, 255, 255, 0.3);
	content: "ausverkauft";
	display: block;
	font-size: 3rem;
	height: 100%;
	left: 0;
	padding-top: 45%;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 4px #fff;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	z-index: 1;
}

.productImgWrapper .productImgScale.soldOut:hover:after {
	background-color: transparent;
}

.productImgWrapper .iconCity {
	left: auto;
	position: absolute;
	right: 8%;
	top: 0;
}

.productImgWrapper .iconGift {
	left: auto;
	position: absolute;
	right: 10px;
	top: auto;
	bottom: 40px;
}

.productImgWrapper .iconStatus {
	position: absolute;
	left: 0;
	top: 0;
}

.productImgWrapper.productImgWrapperBig {
	height: auto;
	width: 100%;
}

.productImgWrapper.productImgWrapperBig .productImgScale {
	height: auto;
	width: auto;
}

.productImgWrapper.productImgWrapperBig .productImgScale .productImg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.productImgWrapper.productImgWrapperSmall {
	height: 90px;
	width: 100%;
}

.productImgWrapper.productImgWrapperSmall .productImgScale {
	height: 90px;
	width: 90px;
}

.productImgWrapper.productImgWrapperSmall .productImgScale .productImg {
	width: 80px;
	height: 80px;
}

.listProducts {
	margin-left: 4%;
	overflow: hidden;
	padding-top: 30px;
}

.listProducts .listProductsEntry {
	overflow: hidden;
	float: left;
	width: 19%;
	height: 400px;
}

.listProducts .listProductsEntry .listProductsEntryLink {
	display: block;
	width: 100%;
	height: 100%;
}

.listProducts .listProductsEntry .listProductsEntryLink .listProductsEntryLinkInner .listProductsDesc
	{
	padding-top: 8rem;
	height: 200px;
}

.listProducts .listProductsEntry .listProductsEntryLink .listProductsEntryLinkInner .listProductsDesc .headline
	{
	font-size: 1.3rem;
	padding: 0.2em 0.5em;
	text-align: center;
	height: 11rem;
	overflow: hidden;
	margin-bottom: 10px;
}

.listProducts .listProductsEntry .listProductsEntryLink .listProductsEntryLinkInner .listProductsDesc .productButton
	{
	position: absolute;
	top: 52px;
	width: 100%;
}

.listProducts .listProductsEntry .listProductsEntryLink .listProductsEntryLinkInner:hover .productImg
	{
	transform: scale(1.2);
}

.listProducts .listProductsEntry .listProductsEntryLink .listProductsEntryLinkInner:hover .btnDefault
	{
	background-color: #0077CC;
}

.listProducts:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	line-height: 0;
	float: none;
}

.listProducts.listProductsSmall {
	-webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.6) inset;
	-moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.6) inset;
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.6) inset;
	padding: 3px;
	display: block;
}

.listProducts.listProductsSmall .listProductsEntry {
	height: 120px;
	padding-top: 14px;
	width: auto;
}

.no-dots .slick-dots {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media ( max-width : 1200px) {
	.listProducts {
		margin-left: 0;
	}
	.listProducts .listProductsEntry {
		width: 32%;
	}
	.listProducts.listProductsSlider .slick-arrow {
		display: none !important;
	}
}

@media ( max-width : 768px) {
	.listProducts .listProductsEntry {
		width: 50%;
	}
}

@media ( max-width : 414px) {
	.listProducts .listProductsEntry {
		width: 96%;
	}
}

.listProductsSlider {
	margin-left: 0;
}

.listProductsSlider .slick-dots {
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: 1em;
}

.listProductsSlider .slick-dots li {
	display: inline;
	padding: 0 1px;
	line-height: 1em;
}

.listProductsSlider .slick-dots li button {
	background-color: #f3f3f3;
	border: 1px solid #873342;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	text-align: center;
	font-size: 0;
	color: transparent;
}

.listProductsSlider .slick-dots li.slick-active button {
	background-color: #873342;
}

.listProductsSlider .slick-arrow {
	background: rgba(255, 255, 255, 0.3) url("img/sprites/sprite.png")
		no-repeat -694px -22px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #ccc;
	font-size: 0;
	height: 40px;
	position: absolute;
	width: 40px;
	top: 110px;
	left: 0;
	z-index: 2;
}

.listProductsSlider .slick-arrow:hover {
	background-position: -694px -190px;
	background-color: rgba(255, 255, 255, 0.8);
}

.listProductsSlider .slick-arrow.slick-prev {
	background-position: -890px -22px;
}

.listProductsSlider .slick-arrow.slick-prev:hover {
	background-position: -890px -190px;
}

.listProductsSlider .slick-arrow.slick-next {
	left: auto;
	right: 0;
}

/*.pageWrapper .pageWrapperInner*/
.maxWidth-1 {
	margin: 0 5%;
	max-width: 1800px;
}

.maxWidth-2 {
	margin: 0 20%;
	max-width: 1800px;
}

.cols {
	padding-left: 1%;
}

.cols.cols-4>.col {
	float: left;
	padding-right: 1%;
}

.cols.cols-4>.col.col-1 {
	width: 25%;
}

.cols.cols-4>.col.col-2 {
	width: 50%;
}

.cols.cols-4>.col.col-3 {
	width: 75%;
}

.cols.cols-4>.col.col-4 {
	width: 100%;
}

.cols.cols-10>.col {
	float: left;
	padding-right: 1%;
}

.cols.cols-10>.col.col-1 {
	width: 10%;
}

.cols.cols-10>.col.col-2 {
	width: 20%;
}

.cols.cols-10>.col.col-3 {
	width: 30%;
}

.cols.cols-10>.col.col-4 {
	width: 40%;
}

.cols.cols-10>.col.col-5 {
	width: 50%;
}

.cols.cols-10>.col.col-6 {
	width: 60%;
}

.cols.cols-10>.col.col-7 {
	width: 70%;
}

.cols.cols-10>.col.col-8 {
	width: 80%;
}

.cols.cols-10>.col.col-9 {
	width: 90%;
}

.cols.cols-10>.col.col-10 {
	width: 100%;
}

.cols:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.marginBottom-1 {
	margin-bottom: 2rem;
}

.paddingTopBottom-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media ( max-width : 1200px) {
	.maxWidth-1 {
		margin: 0;
	}
}

@media ( max-width : 768px) {
	.maxWidth-2 {
		margin: 0 5%;
		max-width: 100%;
	}
	.cols.cols-4>.col {
		float: none;
	}
	.cols.cols-4>.col.col-1 {
		width: 100%;
	}
	.cols.cols-4>.col.col-2 {
		width: 100%;
	}
	.cols.cols-4>.col.col-3 {
		width: 100%;
	}
	.cols.cols-4>.col.col-4 {
		width: 100%;
	}
	.cols.cols-10>.col.col-1,.cols.cols-10>.col.col-2,.cols.cols-10>.col.col-3,.cols.cols-10>.col.col-4,.cols.cols-10>.col.col-5,.cols.cols-10>.col.col-6,.cols.cols-10>.col.col-7,.cols.cols-10>.col.col-8,.cols.cols-10>.col.col-9,.cols.cols-10>.col.col-10
		{
		width: 50%;
	}
	.cols.cols-10:after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
}

@media ( max-width : 414px) {
	.cols.cols-10>.col.col-1,.cols.cols-10>.col.col-2,.cols.cols-10>.col.col-3,.cols.cols-10>.col.col-4,.cols.cols-10>.col.col-5,.cols.cols-10>.col.col-6,.cols.cols-10>.col.col-7,.cols.cols-10>.col.col-8,.cols.cols-10>.col.col-9,.cols.cols-10>.col.col-10
		{
		width: 100%;
	}
}
/*.pageWrapper .pageWrapperInner*/
html,body {
	height: 100%;
}

.pageWrapper {
	min-height: 100%;
}

@media ( max-width : 1200px) {
	.pageWrapper {
		min-height: none;
		max-height: none;
		overflow: auto;
	}
	.pageWrapper.naviOpen {
		min-height: 100%;
		max-height: 100%;
		overflow: hidden;
	}
}

.table {
	display: table;
}

.table>.tableCell {
	display: table-cell;
}

.table>.tableCell.tableCellMiddle {
	text-align: center;
	vertical-align: middle;
}

.modulHeader {
	background-color: #f3f3f3;
	position: fixed;
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	-webkit-box-shadow: 0 0 4px 0 #ccc;
	-moz-box-shadow: 0 0 4px 0 #ccc;
	box-shadow: 0 0 4px 0 #ccc;
	/*
  .pageContentInner {
    &:after {
      content: '';
      clear: both;
      display: block;
      width: 100%;
    }
  }
  */
}

.modulHeader .header-1 {
	z-index: 2;
}

.modulHeader .logo-content {
	height: 100%;
}

@media ( max-width : 1200px) {
	.modulHeader .header-2 {
		z-index: 2;
	}
	.menuOpen .modulHeader {
		position: absolute;
	}
}
/*
.modulHeader {
  margin: 0 auto;
  width: 100%;
  z-index: 2;
  position: fixed;
  @include boxShadow(0, 0, 10px, 0, $colBgShadowRGBA);
  background-color: $colBgNaviLight;
  .headerSize-1 {
    height: 8em;
    z-index: 2;
    text-align: center;
    margin: 0 5%;
  }
  &.sticky {
    .headerSize-1 {
      height: 4em;
    }
  }
}

@media (max-width: $bp1) {
  .modulHeader {
    .headerSize-1 {
      margin: 0;
    }
    .headerSize-1 {
      height: 4em;
    }
    .headerSize-2 {
      position: absolute;
      left: 100%;
      width: 90%;
    }
  }
  .modulSearch {
    display: none !important;
  }
  .menuOpen {
    .modulHeader {
      position: absolute;
    }
  }
}

@media (max-width: $bp1) {
  .modulHeader {
    .headerSize-1 {
      margin: 0;
      height: 7em;
      text-align: left;
      background-color: $colBgBlank;
      width: 100%;
      position: fixed;
      @include boxShadow(0, 0, 10px, 0, $colBgShadowRGBA);
    }
    &.sticky {
      .headerSize-1 {
      }
    }
  }
  .naviOpen {
    .headerSize-2 {
      min-height: 100%;
      width: 100%;
      height: 100%;
      position: fixed;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: $colBgBlank;
    }

  }
}

@media (max-width: $bp2) {
  .modulHeader {
    .headerSize-1 {
    }
    &.sticky {
      .headerSize-1 {
      }
    }
  }
}

@media (max-width: $bp3) {
  .modulHeader {
    .headerSize-1 {
    }
    &.sticky {
      .headerSize-1 {
      }
    }
  }
}
*(

)
/*
@media (min-width: $bp2) {
	.modulHeader { 
		width: 100%; 
	}
}

@media (min-width: $bp1) {
	.modulHeader { 
		width: 100%; 
	}
}

@media (min-width: 1000px) {
	.modulHeader { 
		width: 100%; 
	}
	.modulHeader .headerSize-1 { 
		width: 90%; 
		left: 5%;
	}
	.modulHeader .headerSize-2 { 
		width: 100%; 
	}
}
*/
.teaserSize-1 {
	height: 400px;
	width: 100%;
	display: table;
}

.teaserSize-1 .teaserSizeInner-1 {
	padding: 3rem 0;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.teaserSize-2 {
	height: 200px;
	width: 100%;
	display: table;
}

.teaserSize-2 .teaserSizeInner-1 {
	padding: 3rem 0;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.teaserSize-3 { /*
    height: 200px;
    */
	width: 100%;
	display: block;
}

.teaserSize-3 .teaserSizeInner-1 {
	padding: 3rem 0;
	height: 100%;
	display: block;
}

@media ( max-width : 1200px) {
	.teaserSize-1 {
		height: auto;
	}
}

.teaserTop .teaserTopImg {
	position: absolute;
	left: auto;
	right: 0;
	top: auto;
	bottom: -30px;
	height: 400px;
}

.teaserTop .teaserTopImg img {
	height: 100%;
}

@media ( max-width : 1200px) {
	.teaserTop .teaserTopImg {
		right: 40px;
		height: 300px;
	}
}

@media ( max-width : 414px) {
	.teaserTop .teaserTopImg {
		display: none;
	}
}

.teaserEffects {
	overflow: hidden;
}

.teaserEffects h1 {
	color: #fff;
	font-size: 4rem;
	font-weight: 700;
	text-shadow: 10px -10px 5px #99D1FF, 10px -10px 55px #FF3FEB, -10px 10px
		5px #96E0B6, -10px 10px 20px #E1BFFF, 0px 0px 1px #000, 0px 0px 1px
		#000, 0px 0px 1px #000, 0px 0px 1px #000;
	padding: 1rem;
	text-indent: 1em;
}

.teaserEffects p {
	color: #fff;
	font-size: 1.8rem;
	text-shadow: 0px 2px 2px #333, 2px -2px 2px #333, 2px 0px 2px #333, -2px
		2px 2px #333;
	padding: 1rem 30% 1rem 1rem;
}

.teaserEffects .effect {
	background: transparent none no-repeat center center;
	background-size: contain;
	position: absolute;
	left: auto;
	top: auto;
}

@media ( max-width : 1200px) {
	.teaserEffects h1 {
		font-size: 3rem;
		padding: 1rem;
	}
	.teaserEffects p {
		font-size: 1.6rem;
		padding: 1rem;
	}
}
/*
PHP:

<div class="bg1 bgShadowInsetBottom">

    <div class="teaser teaserEffects teaserEffectsBubbles maxWidth-1">

        <div class="effect effect-1" style="background-image: url('../../global/img/categories_content_top/all/1.png');"></div>
        <div class="effect effect-2" style="background-image: url('../../global/img/categories_content_top/all/2.png');"></div>
        <div class="effect effect-3" style="background-image: url('../../global/img/categories_content_top/all/3.png');"></div>
        <div class="effect effect-4" style="background-image: url('../../global/img/categories_content_top/all/4.png');"></div>
        <div class="effect effect-5" style="background-image: url('../../global/img/categories_content_top/all/5.png');"></div>
        <div class="effect effect-6" style="background-image: url('../../global/img/categories_content_top/all/6.png');"></div>

        <div class="teaserSize-1">
            <div class="teaserSizeInner-1">
                <h1 class="fontFamily-13">...</h1>
                <p class="fontFamily-8">...</p>
            </div>
        </div>

    </div>

</div>
*/
@
-webkit-keyframes effectBubbles-1 { 0% {
	right: 200px;
	bottom: -700px;
	transform: rotate(0deg);
}

100%
{
right




:


 


210
px




;
bottom




:


 


850
px




;
transform




:


 


rotate




(200
deg


);
}
}
@
-moz-keyframes effectBubbles-1 { 0% {
	right: 200px;
	bottom: -700px;
	transform: rotate(0deg);
}

100%
{
right




:


 


210
px




;
bottom




:


 


850
px




;
transform




:


 


rotate




(200
deg


);
}
}
@
-o-keyframes effectBubbles-1 { 0% {
	right: 200px;
	bottom: -700px;
	transform: rotate(0deg);
}

100%
{
right




:


 


210
px




;
bottom




:


 


850
px




;
transform




:


 


rotate




(200
deg


);
}
}
@
keyframes effectBubbles-1 { 0% {
	right: 200px;
	bottom: -700px;
	transform: rotate(0deg);
}

100%
{
right




:


 


210
px




;
bottom




:


 


850
px




;
transform




:


 


rotate




(200
deg


);
}
}
@
-webkit-keyframes effectBubbles-2 { 0% {
	right: 200px;
	bottom: -600px;
	transform: rotate(20deg);
}

80%
{
right




:


 


210
px




;
bottom




:


 


300
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


280
px




;
bottom




:


 


650
px




;
transform




:


 


rotate




(-90
deg


);
}
}
@
-moz-keyframes effectBubbles-2 { 0% {
	right: 200px;
	bottom: -600px;
	transform: rotate(20deg);
}

80%
{
right




:


 


210
px




;
bottom




:


 


300
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


280
px




;
bottom




:


 


650
px




;
transform




:


 


rotate




(-90
deg


);
}
}
@
-o-keyframes effectBubbles-2 { 0% {
	right: 200px;
	bottom: -600px;
	transform: rotate(20deg);
}

80%
{
right




:


 


210
px




;
bottom




:


 


300
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


280
px




;
bottom




:


 


650
px




;
transform




:


 


rotate




(-90
deg


);
}
}
@
keyframes effectBubbles-2 { 0% {
	right: 200px;
	bottom: -600px;
	transform: rotate(20deg);
}

80%
{
right




:


 


210
px




;
bottom




:


 


300
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


280
px




;
bottom




:


 


650
px




;
transform




:


 


rotate




(-90
deg


);
}
}
@
-webkit-keyframes effectBubbles-3 { 0% {
	right: 1000px;
	bottom: -400px;
	transform: rotate(30deg);
}

50%
{
right




:


 


1010
px




;
bottom




:


 


200
px




;
transform




:


 


rotate




(-10
deg


);
}
100%
{
right




:


 


1090
px




;
bottom




:


 


550
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectBubbles-3 { 0% {
	right: 1000px;
	bottom: -400px;
	transform: rotate(30deg);
}

50%
{
right




:


 


1010
px




;
bottom




:


 


200
px




;
transform




:


 


rotate




(-10
deg


);
}
100%
{
right




:


 


1090
px




;
bottom




:


 


550
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectBubbles-3 { 0% {
	right: 1000px;
	bottom: -400px;
	transform: rotate(30deg);
}

50%
{
right




:


 


1010
px




;
bottom




:


 


200
px




;
transform




:


 


rotate




(-10
deg


);
}
100%
{
right




:


 


1090
px




;
bottom




:


 


550
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectBubbles-3 { 0% {
	right: 1000px;
	bottom: -400px;
	transform: rotate(30deg);
}

50%
{
right




:


 


1010
px




;
bottom




:


 


200
px




;
transform




:


 


rotate




(-10
deg


);
}
100%
{
right




:


 


1090
px




;
bottom




:


 


550
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectBubbles-4 { 0% {
	right: 20px;
	bottom: -450px;
	transform: rotate(0deg);
}

50%
{
right




:


 


20
px




;
bottom




:


 


-450
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


10
px




;
bottom




:


 


500
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-moz-keyframes effectBubbles-4 { 0% {
	right: 20px;
	bottom: -450px;
	transform: rotate(0deg);
}

50%
{
right




:


 


20
px




;
bottom




:


 


-450
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


10
px




;
bottom




:


 


500
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-o-keyframes effectBubbles-4 { 0% {
	right: 20px;
	bottom: -450px;
	transform: rotate(0deg);
}

50%
{
right




:


 


20
px




;
bottom




:


 


-450
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


10
px




;
bottom




:


 


500
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
keyframes effectBubbles-4 { 0% {
	right: 20px;
	bottom: -450px;
	transform: rotate(0deg);
}

50%
{
right




:


 


20
px




;
bottom




:


 


-450
px




;
transform




:


 


rotate




(0
deg


);
}
100%
{
right




:


 


10
px




;
bottom




:


 


500
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-webkit-keyframes effectBubbles-5 { 0% {
	right: 100px;
	bottom: -400px;
	transform: rotate(30deg);
}

40%
{
right




:


 


110
px




;
bottom




:


 


-200
px




;
transform




:


 


rotate




(-90
deg


);
}
100%
{
right




:


 


90
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-moz-keyframes effectBubbles-5 { 0% {
	right: 100px;
	bottom: -400px;
	transform: rotate(30deg);
}

40%
{
right




:


 


110
px




;
bottom




:


 


-200
px




;
transform




:


 


rotate




(-90
deg


);
}
100%
{
right




:


 


90
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-o-keyframes effectBubbles-5 { 0% {
	right: 100px;
	bottom: -400px;
	transform: rotate(30deg);
}

40%
{
right




:


 


110
px




;
bottom




:


 


-200
px




;
transform




:


 


rotate




(-90
deg


);
}
100%
{
right




:


 


90
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
keyframes effectBubbles-5 { 0% {
	right: 100px;
	bottom: -400px;
	transform: rotate(30deg);
}

40%
{
right




:


 


110
px




;
bottom




:


 


-200
px




;
transform




:


 


rotate




(-90
deg


);
}
100%
{
right




:


 


90
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-webkit-keyframes effectBubbles-6 { 0% {
	right: 300px;
	bottom: -400px;
	transform: rotate(30deg);
}

100%
{
right




:


 


390
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-moz-keyframes effectBubbles-6 { 0% {
	right: 300px;
	bottom: -400px;
	transform: rotate(30deg);
}

100%
{
right




:


 


390
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
-o-keyframes effectBubbles-6 { 0% {
	right: 300px;
	bottom: -400px;
	transform: rotate(30deg);
}

100%
{
right




:


 


390
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
@
keyframes effectBubbles-6 { 0% {
	right: 300px;
	bottom: -400px;
	transform: rotate(30deg);
}

100%
{
right




:


 


390
px




;
bottom




:


 


400
px




;
transform




:


 


rotate




(180
deg


);
}
}
.teaserEffects.teaserEffectsBubbles .effect-1 {
	width: 300px;
	height: 300px;
	-webkit-animation: effectBubbles-1 20s infinite;
	-moz-animation: effectBubbles-1 20s infinite;
	-o-animation: effectBubbles-1 20s infinite;
	animation: effectBubbles-1 20s infinite;
}

.teaserEffects.teaserEffectsBubbles .effect-2 {
	width: 300px;
	height: 300px;
	-webkit-animation: effectBubbles-2 15s infinite;
	-moz-animation: effectBubbles-2 15s infinite;
	-o-animation: effectBubbles-2 15s infinite;
	animation: effectBubbles-2 15s infinite;
}

.teaserEffects.teaserEffectsBubbles .effect-3 {
	width: 300px;
	height: 300px;
	-webkit-animation: effectBubbles-3 25s infinite;
	-moz-animation: effectBubbles-3 25s infinite;
	-o-animation: effectBubbles-3 25s infinite;
	animation: effectBubbles-3 25s infinite;
}

.teaserEffects.teaserEffectsBubbles .effect-4 {
	width: 300px;
	height: 300px;
	-webkit-animation: effectBubbles-4 18s infinite;
	-moz-animation: effectBubbles-4 18s infinite;
	-o-animation: effectBubbles-4 18s infinite;
	animation: effectBubbles-4 18s infinite;
}

.teaserEffects.teaserEffectsBubbles .effect-5 {
	width: 300px;
	height: 300px;
	-webkit-animation: effectBubbles-5 12s infinite;
	-moz-animation: effectBubbles-5 12s infinite;
	-o-animation: effectBubbles-5 12s infinite;
	animation: effectBubbles-5 12s infinite;
}

.teaserEffects.teaserEffectsBubbles .effect-6 {
	width: 300px;
	height: 300px;
	-webkit-animation: effectBubbles-6 10s infinite;
	-moz-animation: effectBubbles-6 10s infinite;
	-o-animation: effectBubbles-6 10s infinite;
	animation: effectBubbles-6 10s infinite;
}

@media ( max-width : 1200px) {
	.teaserEffects.teaserEffectsBubbles .effect-1 {
		width: 200px;
		height: 200px;
	}
	.teaserEffects.teaserEffectsBubbles .effect-2 {
		width: 200px;
		height: 200px;
		-webkit-animation: effectBubbles-2 15s infinite;
		-moz-animation: effectBubbles-2 15s infinite;
		-o-animation: effectBubbles-2 15s infinite;
		animation: effectBubbles-2 15s infinite;
	}
	.teaserEffects.teaserEffectsBubbles .effect-3 {
		width: 200px;
		height: 200px;
		-webkit-animation: effectBubbles-3 25s infinite;
		-moz-animation: effectBubbles-3 25s infinite;
		-o-animation: effectBubbles-3 25s infinite;
		animation: effectBubbles-3 25s infinite;
	}
	.teaserEffects.teaserEffectsBubbles .effect-4 {
		width: 200px;
		height: 200px;
		-webkit-animation: effectBubbles-4 18s infinite;
		-moz-animation: effectBubbles-4 18s infinite;
		-o-animation: effectBubbles-4 18s infinite;
		animation: effectBubbles-4 18s infinite;
	}
	.teaserEffects.teaserEffectsBubbles .effect-5 {
		width: 200px;
		height: 200px;
		-webkit-animation: effectBubbles-5 12s infinite;
		-moz-animation: effectBubbles-5 12s infinite;
		-o-animation: effectBubbles-5 12s infinite;
		animation: effectBubbles-5 12s infinite;
	}
	.teaserEffects.teaserEffectsBubbles .effect-6 {
		width: 200px;
		height: 200px;
		-webkit-animation: effectBubbles-6 10s infinite;
		-moz-animation: effectBubbles-6 10s infinite;
		-o-animation: effectBubbles-6 10s infinite;
		animation: effectBubbles-6 10s infinite;
	}
}

@
-webkit-keyframes effectRauten-1 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-1 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-1 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-1 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-2 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-2 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-2 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-2 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

1%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-3 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-3 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-3 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-3 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-4 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-4 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-4 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-4 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-5 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-5 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-5 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-5 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

1%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-6 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-6 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-6 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-6 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

1%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-7 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

1%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-7 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

1%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-7 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

1%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-7 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

1%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
49%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
50%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-8 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

50%
{
right




:


 


660
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-8 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

50%
{
right




:


 


660
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-8 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

50%
{
right




:


 


660
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-8 { 0% {
	right: 660px;
	top: -140px;
	transform: rotate(45deg);
}

50%
{
right




:


 


660
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


260
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


60
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-9 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

50%
{
right




:


 


480
px




;
top




:


 


-120
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-9 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

50%
{
right




:


 


480
px




;
top




:


 


-120
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-9 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

50%
{
right




:


 


480
px




;
top




:


 


-120
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-9 { 0% {
	right: 480px;
	top: -120px;
	transform: rotate(45deg);
}

50%
{
right




:


 


480
px




;
top




:


 


-120
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-10 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-100
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-10 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-100
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-10 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-100
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-10 { 0% {
	right: -100px;
	top: 460px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-100
px




;
top




:


 


460
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


260
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


500
px




;
top




:


 


-140
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-11 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

50%
{
right




:


 


500
px




;
top




:


 


500
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-11 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

50%
{
right




:


 


500
px




;
top




:


 


500
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-11 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

50%
{
right




:


 


500
px




;
top




:


 


500
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-11 { 0% {
	right: 500px;
	top: 500px;
	transform: rotate(45deg);
}

50%
{
right




:


 


500
px




;
top




:


 


500
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


100
px




;
top




:


 


100
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-12 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-12 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-12 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-12 { 0% {
	right: 960px;
	top: 960px;
	transform: rotate(45deg);
}

50%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


180
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-120
px




;
top




:


 


480
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-13 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


400
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-13 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


400
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-13 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


400
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-13 { 0% {
	right: 400px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


400
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


180
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


-200
px




;
top




:


 


400
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-webkit-keyframes effectRauten-14 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-moz-keyframes effectRauten-14 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
-o-keyframes effectRauten-14 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
@
keyframes effectRauten-14 { 0% {
	right: -200px;
	top: -200px;
	transform: rotate(45deg);
}

50%
{
right




:


 


-200
px




;
top




:


 


-200
px




;
transform




:


 


rotate




(45
deg


);
}
51%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
99%
{
right




:


 


20
px




;
top




:


 


20
px




;
transform




:


 


rotate




(45
deg


);
}
100%
{
right




:


 


960
px




;
top




:


 


960
px




;
transform




:


 


rotate




(45
deg


);
}
}
.teaserEffects.teaserEffectsRauten .effect {
	background-color: #fff;
	width: 100px;
	height: 100px;
	transform: rotate(45deg);
	right: -999rem;
	top: -999rem;
}

.teaserEffects.teaserEffectsRauten .effect-5 {
	right: 100px;
	top: 260px;
	-webkit-animation: effectRauten-5 20s infinite;
	-moz-animation: effectRauten-5 20s infinite;
	-o-animation: effectRauten-5 20s infinite;
	animation: effectRauten-5 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-6 {
	right: 180px;
	top: 180px;
	-webkit-animation: effectRauten-6 20s infinite;
	-moz-animation: effectRauten-6 20s infinite;
	-o-animation: effectRauten-6 20s infinite;
	animation: effectRauten-6 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-7 {
	right: 260px;
	top: 260px;
	-webkit-animation: effectRauten-7 20s infinite;
	-moz-animation: effectRauten-7 20s infinite;
	-o-animation: effectRauten-7 20s infinite;
	animation: effectRauten-7 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-8 {
	right: 260px;
	top: 260px;
	-webkit-animation: effectRauten-8 20s infinite;
	-moz-animation: effectRauten-8 20s infinite;
	-o-animation: effectRauten-8 20s infinite;
	animation: effectRauten-8 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-9 {
	right: 180px;
	top: 180px;
	-webkit-animation: effectRauten-9 20s infinite;
	-moz-animation: effectRauten-9 20s infinite;
	-o-animation: effectRauten-9 20s infinite;
	animation: effectRauten-9 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-10 {
	right: 100px;
	top: 260px;
	-webkit-animation: effectRauten-10 20s infinite;
	-moz-animation: effectRauten-10 20s infinite;
	-o-animation: effectRauten-10 20s infinite;
	animation: effectRauten-10 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-4 {
	right: 100px;
	top: 100px;
	-webkit-animation: effectRauten-4 20s infinite;
	-moz-animation: effectRauten-4 20s infinite;
	-o-animation: effectRauten-4 20s infinite;
	animation: effectRauten-4 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-11 {
	right: 100px;
	top: 100px;
	-webkit-animation: effectRauten-11 20s infinite;
	-moz-animation: effectRauten-11 20s infinite;
	-o-animation: effectRauten-11 20s infinite;
	animation: effectRauten-11 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-3 {
	right: 180px;
	top: 20px;
	-webkit-animation: effectRauten-3 20s infinite;
	-moz-animation: effectRauten-3 20s infinite;
	-o-animation: effectRauten-3 20s infinite;
	animation: effectRauten-3 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-12 {
	right: 180px;
	top: 20px;
	-webkit-animation: effectRauten-12 20s infinite;
	-moz-animation: effectRauten-12 20s infinite;
	-o-animation: effectRauten-12 20s infinite;
	animation: effectRauten-12 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-2 {
	right: 20px;
	top: 180px;
	-webkit-animation: effectRauten-2 20s infinite;
	-moz-animation: effectRauten-2 20s infinite;
	-o-animation: effectRauten-2 20s infinite;
	animation: effectRauten-2 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-13 {
	right: 20px;
	top: 180px;
	-webkit-animation: effectRauten-13 20s infinite;
	-moz-animation: effectRauten-13 20s infinite;
	-o-animation: effectRauten-13 20s infinite;
	animation: effectRauten-13 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-1 {
	right: 20px;
	top: 20px;
	-webkit-animation: effectRauten-1 20s infinite;
	-moz-animation: effectRauten-1 20s infinite;
	-o-animation: effectRauten-1 20s infinite;
	animation: effectRauten-1 20s infinite;
}

.teaserEffects.teaserEffectsRauten .effect-14 {
	right: 20px;
	top: 20px;
	-webkit-animation: effectRauten-14 20s infinite;
	-moz-animation: effectRauten-14 20s infinite;
	-o-animation: effectRauten-14 20s infinite;
	animation: effectRauten-14 20s infinite;
}

@media ( max-width : 414px) {
	.teaserEffects.teaserEffectsRauten .effect {
		display: none;
	}
}

.modulFooter {
	background-color: #B2BDFF;
	background: #B2BDFF url("img/backgrounds/footer_bg.png") no-repeat right
		bottom;
	background-size: contain;
	bottom: 0;
	top: auto;
	width: 100%;
	padding: 1em 0 2em 0;
	position: fixed;
	z-index: -2;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) inset;
}

.modulFooter .footerInner li,.modulFooter .footerInner a.lnkMore,.modulFooter .footerInner a.lnkMore:link,.modulFooter .footerInner a.lnkMore:visited,.modulFooter .footerInner a.lnkMore:active,.modulFooter .footerInner a.lnkMore:focus,.modulFooter .footerInner a.lnkMore:hover
	{
	font-size: 16px;
}

.modulFooter .footerInner h4,.modulFooter .footerInner li {
	text-align: center;
}

.modulFooter .footerInner h4 a,.modulFooter .footerInner h4 a:link,.modulFooter .footerInner h4 a:visited,.modulFooter .footerInner h4 a:active,.modulFooter .footerInner h4 a:focus,.modulFooter .footerInner h4 a:hover
	{
	color: #333;
}

.modulFooter .subfooter {
	text-align: center;
}

@media ( max-width : 768px) {
	.page-product .modulFooter {
		padding-bottom: 7em;
	}
	.modulFooter .footerInner .col {
		margin-bottom: 6px;
	}
	.modulFooter .footerInner .col li ul {
		display: none;
	}
	.modulFooter .footerInner .col li ul.open {
		display: block;
	}
}

.modulLogo {
	display: inline-block;
	height: 84px;
	width: 84px;
	padding: 10px 0 0 10px;
	background-color: transparent;
}

.modulLogo .logo {
	height: 100%;
}

/*
.modulLogo {
  height: 100%;
  display: block;
  text-align: center;
  img {
    height: 100%;
    width: auto;
    display: inline-block;
    max-width: 62%;
    max-height: 100%;
  }
}

@media (max-width: $bp1) {
  .modulLogo {
    text-align: left;
    img {
    }
  }
}
@media (max-width: $bp2) {

}
@media (max-width: $bp3) {
  .modulLogo {
    img {
    }
  }
}
*/
.modulAdminNew {
	position: absolute;
	top: 0;
	left: 90px;
}

.modulAdminNew .adminNew {
	font-size: 1.6rem;
	padding: 0.4em;
	border-radius: 2em;
	width: 2.3em;
	height: 2.3em;
	display: block;
	text-align: center;
	background-color: #f00;
	color: #fff;
	border: 1px solid #333;
	font-weight: 700;
}

.modulAdminNew .adminNew.adminNewOrder {
	background-color: #f00;
}

.modulAdminNew .adminNew.adminNewCustomer {
	background-color: #FF6A00;
}

.modulBreadcrumb {
	padding: 12px 10px 5px 10px;
	z-index: 0;
}

.modulBreadcrumb .breadcrumbLink::after {
	margin-right: 0.2em;
	padding-left: 0.2em;
	content: " /";
}

.modulBreadcrumb .breadcrumbLink.isActive {
	color: #0026FF;
}

.modulBreadcrumb .breadcrumbLink:last-child::after {
	content: "";
	margin-right: 0;
	padding-right: 0;
}

@media ( max-width : 1200px) {
	.modulBreadcrumb {
		display: none;
	}
}

.modulMenuTop {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	z-index: 1;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry {
	float: left;
	margin-right: 5px;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry:after {
	content: '|';
	display: inline-block;
	padding-top: 3px;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink
	{
	font-size: 16px;
	text-decoration: none;
	margin-right: 5px;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQtyMobile
	{
	display: none;
	z-index: 0;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty
	{
	z-index: 0;
	background-color: #fff;
	border: 2px solid #f3f3f3;
	border-radius: 0.5em;
	left: auto;
	position: absolute;
	right: 0;
	top: 80px;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.6);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty dl
	{
	width: 120px;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty dl dt,.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty dl dd
	{
	font-size: 14px;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty dl dt
	{
	display: block;
	float: left;
	margin-right: 4px;
	text-align: right;
	width: 46px;
	color: #0026FF;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty dl dd
	{
	float: left;
	width: 70px;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry:last-child {
	margin-right: 0;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry:last-child:after {
	display: none;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry:last-child .modulMenuTopEntryLink
	{
	margin-right: 0;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menu,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose
	{
	display: none;
}

.modulMenuTop .menuTopEntries .modulMenuTopEntry.cartEmpty {
	display: none;
}

@media ( max-width : 1200px) {
	.modulMenuTop {
		background-color: #f3f3f3;
		left: 100%;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 2;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		min-height: 90px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry {
		display: block;
		float: none;
		padding-left: 94px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry:after {
		display: none;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink
		{
		display: inline-block;
		font-size: 24px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQty
		{
		display: none;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry .modulMenuTopEntryLink .modulMenuTopCartQtyMobile
		{
		background-color: white;
		border: 2px solid red;
		border-radius: 1em;
		display: block;
		font-size: 20px;
		height: 40px;
		left: auto;
		padding: 2px;
		position: absolute;
		right: 2px;
		text-align: center;
		top: 2px;
		width: 40px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-admin,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-cart,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menu,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose
		{
		display: inline-block;
		float: left;
		padding-left: 0;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-admin .modulMenuTopEntryLink,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-cart .modulMenuTopEntryLink,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menu .modulMenuTopEntryLink,.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose .modulMenuTopEntryLink
		{
		font-size: 0;
		width: 84px;
		height: 84px;
		background: transparent url("img/sprites/sprite.png") no-repeat 0 0;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.cartEmpty .modulMenuTopCartQtyMobile
		{
		display: none;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-admin
		{
		display: block;
		position: absolute;
		left: auto;
		right: 0;
		z-index: 2;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-admin .modulMenuTopEntryLink
		{
		background-position: -1910px 0;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-admin .modulMenuTopEntryLink:hover
		{
		background-position: -1910px -168px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-cart
		{
		position: absolute;
		left: -168px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-cart .modulMenuTopEntryLink
		{
		background-position: 0 0;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-cart .modulMenuTopEntryLink:hover
		{
		background-position: 0 -168px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menu
		{
		position: absolute;
		left: -84px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menu .modulMenuTopEntryLink
		{
		background-position: -168px 0;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menu .modulMenuTopEntryLink:hover
		{
		background-position: -168px -168px;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose
		{
		display: block;
		position: absolute;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose .modulMenuTopEntryLink
		{
		background-position: -336px 0;
	}
	.modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose .modulMenuTopEntryLink:hover
		{
		background-position: -336px -168px;
	}
	.menuOpen .modulMenuTop .menuTopEntries .modulMenuTopEntry.modulMenuTopEntry-menuClose
		{
		position: fixed;
	}
}
/*
$heightText: 2em;
$mobilePaddingTop: $heightText + 0.2em;
.modulMenuTop {
  position: absolute;
  left: auto;
  right: 0;
  top: 2em;
  .modulMenuTopEntry {
    float: left;
    .modulMenuTopEntryLink {
      padding-left: 0.5em;
      padding-right: 0.5em;
      line-height: $heightText;
      .modulMenuTopCartQty {
        @include boxShadow(0, 3px, 6px, 0, $colBgShadowRGBA);
        background-color: $colFgSecondary;
        display: block;
        width: 10em;
        padding: 0.4em;
        position: absolute;
        top: 1.6em;
        left: auto;
        right: 0;
        dt {
          float: left;
          margin-right: 0.2em;
          width: 4em;
        }
      }
      .modulMenuTopCartQtyMobile {
        display: none;
        background-color: $colFgSecondary;
        border: 2px solid $colFgPrimary;
        @include borderRadius(1.2em, 1.2em, 1.2em, 1.2em);
        @include boxShadow(0, 0, 4px, 0, $colBgShadowRGBA);
        height: 2.4em;
        left: auto;
        padding: 0.2em;
        position: absolute;
        right: 0;
        text-align: center;
        top: -1.8em;
        width: 2.4em;
        color: $colBgBlank;
        font-weight: 700;
      }
    }
    &.modulMenuTopEntry-menu {
      display: none;
    }
  }

}

.sticky {
  .modulMenuTopEntry {
    .modulMenuTopEntryLink {
      .modulMenuTopCartQty {
        display: none;
      }
      .modulMenuTopCartQtyMobile {
        display: block;
      }
    }
  }
}

@media (max-width: $bp1) {
  .modulMenuTop {
    top: 0;
    position: fixed;
    width: 100%;
    .modulMenuTopEntry {
      float: left;
      padding: 4px;
      .modulMenuTopEntryLink {
        background: $colBgNone $bgSpriteIcons no-repeat 0 0;
        display: block;
        width: 42px;
        height: 42px;
        font-size: 0;
        color: $colFgNone;
        padding: 0;
      }
      &.modulMenuTopEntry-menu {
        display: block;
        .modulMenuTopEntryLink {
          //@include icon("reorder");
          background-position: -84px 0;
          &:hover {
            background-position: -84px -84px;
          }
        }
      }
      &.modulMenuTopEntry-cart {
        .modulMenuTopEntryLink {
          //@include icon("shopping_cart");
          //$bgSpriteIcons
          background-position: 0 0;
          &:hover {
            background-position: 0 -84px;
          }
        }
      }
      &.modulMenuTopEntry-loginout,
      &.modulMenuTopEntry-account {
        display: none;
      }
      .modulMenuTopEntryLink {
        .modulMenuTopCartQty {
          display: none;
        }
        .modulMenuTopCartQtyMobile {
          display: block;
          top: -5px;
        }
      }
    }

  }
  .sticky {
    .modulMenuTop {
      .modulMenuTopEntry {
        .modulMenuTopCartQty {
          display: none;
        }
        .modulMenuTopCartQtyMobile {
        }
      }
    }
  }
  .menuOpen {
    .modulMenuTop {
      .modulMenuTopEntry {
        &.modulMenuTopEntry-menu {
        }
      }
    }
  }
}
*/
/*
@media (max-width: $bp1) {
  .modulMenuTop {
    .modulMenuTopEntry {
      float: left;
      &.modulMenuTopEntry-menu {
        display: block;
        .modulMenuTopEntryLink {
          display: block;
          @include icon("reorder");
        }
      }
      &.modulMenuTopEntry-cart {
        .modulMenuTopEntryLink {
          @include icon("shopping_cart");
        }
      }
      &.modulMenuTopEntry-loginout,
      &.modulMenuTopEntry-account {
        display: none;
      }
      .modulMenuTopEntryLink {
        .modulMenuTopCartQty {
          display: none;
        }
        .modulMenuTopCartQtyMobile {
          display: block;
          bottom: -1.4rem;
          top: auto;
        }
      }
    }

  }
  .sticky {
    .modulMenuTop {
      top: 0;
      .modulMenuTopEntry {
        .modulMenuTopCartQty {
          display: none;
        }
        .modulMenuTopCartQtyMobile {
          display: block;
          bottom: -1.4rem;
          top: auto;
        }
      }
    }
  }
}
@media (max-width: $bp2) {

}
@media (max-width: $bp3) {

}

*/
/*
.modulMenuTopSub {
  display: none;
  padding: 3em 0;
  .modulMenuTopEntry {
    &.modulMenuTopCartQty,
    &.modulMenuTopCartQtyMobile,
    &.modulMenuTopEntry-cart,
    &.modulMenuTopEntry-menu {
      display: none;
    }
    .modulMenuTopEntryLink {
      border-bottom: 1px solid $colBgShadowRGBA;
      display: block;
      font-size: 1.8rem;
      padding: 0.4em;
      text-transform: uppercase;
      background-color: $colBgPrimaryLight;
    }
    &:first-child .modulMenuTopEntryLink {
      border-top: 1px solid $colBgShadowRGBA;
    }
  }
}

@media (max-width: $bp1) {
  .modulMenuTopSub {
    display: block;
  }
  .sticky {
    .modulMenuTopSub {
    }
  }
}
@media (max-width: $bp2) {
  .modulMenuTopSub {
  }
}
@media (max-width: $bp3) {

}
*/
.modulSearch {
	padding: 0 5px;
	width: 200px;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	z-index: 2;
}

.modulSearch [type=search] {
	font-size: 14px;
	padding: 0.4rem 1em;
}

.modulSearch [type=search]+label {
	font-size: 14px;
	top: 0.5rem;
	left: 1.2rem;
}

.modulSearch [type=search]:focus+label,.modulSearch [type=search]:not  
	(.notEmpty
	  ) +label {
	display: none;
}

@media ( max-width : 1200px) {
	.modulSearch {
		float: none;
		left: 130px;
		position: absolute;
		top: -64px;
		width: 300px;
		z-index: 1;
		overflow: hidden;
	}
	.modulSearch [type=search] {
		font-size: 20px;
	}
	.modulSearch [type=search]+label {
		font-size: 20px;
	}
}

@media ( max-width : 768px) {
	.modulSearch {
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
		height: 42px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.modulSearch.scroll {
		height: 0;
	}
}
/*
.modulSearch {
  position: absolute;
  padding-top: 2em;
  [type=search]{
    width: 80%;
    max-width: 30em;
    font-size: 1.5rem;
    border: 1px solid $colBgNaviLight;
    @include boxShadowInset(0, 0, 5px, 0, $colBgShadowRGBA);
    @include borderRadius(1em, 1em, 1em, 1em);
    padding: 0 1em;
  }
  label {
    @include icon("search");
    &:after {
      font-size: 2rem;
    }
  }
}

@media (max-width: $bp1) {
  .modulSearch {
    padding: 0.4em;
    width: 100%;
    top: 7em;
    background-color: $colBgBlank;
    @include boxShadow(0, 10px, 5px, -10px, $colBgShadowRGBA);
    [type=search]{
    }
    label {
      &:after {

      }
    }
  }
  .sticky {
    .modulSearch {
      top: -10rem;
      label {
        &:after {
          font-size: 4.0rem;
        }
      }
    }
  }
}
@media (max-width: $bp2) {

}
@media (max-width: $bp3) {

}
*/
.modulCategoriesTop {
	background-color: transparent;
	left: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 26px;
	width: 90%;
	z-index: 2;
}

.modulCategoriesTop .modulCategoriesTopMenu {
	text-align: center;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry
	{
	display: inline-block;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuEntryLink
	{
	font-size: 18px;
	padding: 5px 10px;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuEntryLink.isSelected
	{
	color: #0026FF;
	background-color: #fff;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper
	{
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px 0 #ccc;
	-moz-box-shadow: 0 4px 4px 0 #ccc;
	box-shadow: 0 4px 4px 0 #ccc;
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: fixed;
	top: 54px;
	width: 100%;
	z-index: 2;
	display: none;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub
	{
	padding: 10px 0 5px 0;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub
	{
	display: inline-block;
	height: 100px;
	width: 100px;
	padding: 5px;
	float: left;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub
	{
	display: block;
	height: 100%;
	width: 100%;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub figure
	{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub figure img
	{
	width: 100%;
	height: 100%;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub figure figcaption
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     1);
	-moz-opacity: 0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;
	font-size: 18px;
	height: 100%;
	position: absolute;
	width: 100%;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub:hover figcaption
	{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub:first-child
	{
	height: 200px;
	width: 200px;
}

.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub:after
	{
	content: '';
	display: block;
	float: none;
	clear: both;
}

@media ( max-width : 1200px) {
	.modulCategoriesTop {
		top: 82px;
		left: 100%;
		width: 100%;
		background-color: #fff;
		padding-top: 10px;
	}
	.modulCategoriesTop .modulCategoriesTopMenu {
		padding-left: 85px;
		padding-right: 10px;
		text-align: left;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry
		{
		display: block;
		padding: 0;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper
		{
		position: relative;
		top: 0;
		-webkit-box-shadow: 0 0 0 0 transparent;
		-moz-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub
		{
		width: auto;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub
		{
		display: block;
		float: none;
		width: auto;
		height: 60px;
		padding-top: 0;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub figure img
		{
		width: auto;
		display: inline;
		float: left;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub figure figcaption
		{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
		filter: alpha(opacity =     100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		position: relative;
		background-color: transparent;
		display: inline;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub .modulCategoriesTopMenuEntryLinkSub figure figcaption .tableCellMiddle
		{
		line-height: 1em;
		font-size: 16px;
		padding-left: 60px;
		text-align: left;
		padding-top: 0;
		display: list-item;
	}
	.modulCategoriesTop .modulCategoriesTopMenu .modulCategoriesTopMenuEntry .modulCategoriesTopMenuSubWrapper .modulCategoriesTopMenuSub .modulCategoriesTopMenuEntrySub:first-child
		{
		width: auto;
		height: 60px;
	}
}
/*
.modulCategoriesTop {
  left: 100%;
  padding-left: 52px;
  position: absolute;
  top: 48px;
  width: 100%;
}
*/
/*
$widthHeightSmall: 102px;
$marginLeftBottom: 5px;

.sticky {
}
.modulCategoriesTop {
	.modulCategoriesTopMenu {
	    background-color: $colBgNone;
	    text-align: center;
	    width: 100%;
	    z-index: 2;
		.modulCategoriesTopMenuEntry {
		    display: inline-block;
		    list-style: outside none none;
		    margin-right: 0.2em;
		    text-align: center;
		    .modulCategoriesTopMenuEntryLink {
			    padding-right: 1em;
			    margin-right: 1em;
			    border-right: 1px solid $colFgDefault;
			}
		    &:last-child .modulCategoriesTopMenuEntryLink {
			    padding-right: 0;
			    margin-right: 0;
			    border-right-width: 0;
			}
			.modulCategoriesTopMenuSubWrapper {
              position: fixed;
				top: 11em;
				width: 100%;
                display: none;
				&.sticky {
					top: 5.2em;
				}
				.modulCategoriesTopMenuSub {
					background-color: $colBgBlank;
					padding: 10px (14px - $marginLeftBottom) 10px 14px;
					margin: 0 auto;
                  width: $bp1;
                    @include boxShadow(0, 4px, 10px, -7px, rgba(0,0,0, 0.5));
					&::after {
						@include cssClearAfter();
					}
					.modulCategoriesTopMenuEntrySub {
						float: left;
						margin: 0 $marginLeftBottom $marginLeftBottom 0;
						figure {
							width: $widthHeightSmall;
							height: $widthHeightSmall;
							img {
								width: inherit;
							}
							figcaption {
								position: absolute;
								height: 100%;
								width: 100%;
								text-align: center;
                                @include opacity(20);
								&:hover {
                                  @include opacity(90);
								}
							}
						}
						&:first-child {
                          figure {
                            width: ($widthHeightSmall * 2) + $marginLeftBottom;
                            height: ($widthHeightSmall * 2) + $marginLeftBottom;
                            img {
                              width: inherit;
                            }
                          }
                        }
					}
				}
			}
          .modulCategoriesTopMenuSubWrapper {
            &.isSelected {
              display: block;
            }
          }
		}
	}
	&.sticky {
	}
}
.modulHeader.sticky {
  .modulCategoriesTopMenuEntryLink {
    font-size: 1.5rem;
  }
}

@media (max-width: $bp1) {
  .modulCategoriesTop {
    .modulCategoriesTopMenu {
      .modulCategoriesTopMenuEntry {
        display: block;
        margin-bottom: 0.5em;
        padding: 0.5em;
        text-align: left;
        .modulCategoriesTopMenuEntryLink {
          display: block;
          font-size: 1.5rem;
          border-right-width: 0;
          margin: 0;
          padding: 0;
        }
        .modulCategoriesTopMenuSubWrapper {
          top: 0;
          position: relative;
          &.sticky {
            top: 0;
          }
        }
      }
    }
  }

}
*/
/*
@media (max-width: $bp1) {
  .modulCategoriesTop {
    padding-top: 10em;
    .modulCategoriesTopMenu {
      background-color: $colBgNaviLight;
      .modulCategoriesTopMenuEntry {
        display: block;
        margin: 0;
        text-align: left;
        .modulCategoriesTopMenuEntryLink {
          border: 0 none;
          display: block;
          margin: 0;
          padding: 0.4em;
          border-bottom: 1px solid $colBgShadowRGBA;
        }
        &:last-child .modulCategoriesTopMenuEntryLink {
        }
        .modulCategoriesTopMenuSubWrapper {
          position: relative;
          top: 0;
          &.sticky {
            top: 0;
          }
          .modulCategoriesTopMenuSub {
            &::after {
            }
            .modulCategoriesTopMenuEntrySub {
              figure {
                width: 100px;
                height: 180px;
                img {
                }
                figcaption {
                  position: relative;
                  @include opacity(100);
                  height: auto;
                  &:hover {
                    @include opacity(100);
                  }
                }
              }
              &:first-child {
                figure {
                  width: 100px;
                  height: 180px;
                  img {
                  }
                }
              }
            }
          }
        }
        &:hover {
          .modulCategoriesTopMenuSubWrapper {
          }
        }
      }
    }
  }
  .modulHeader.sticky {
    .modulCategoriesTop {
      padding-top: 3em;
      .modulCategoriesTopMenuEntryLink {
      }
    }
  }
}
@media (max-width: $bp2) {
  .modulCategoriesTop {
    .modulCategoriesTopMenu {
      .modulCategoriesTopMenuEntry {
        .modulCategoriesTopMenuEntryLink {
        }
        &:last-child .modulCategoriesTopMenuEntryLink {
        }
        .modulCategoriesTopMenuSubWrapper {
          &.sticky {
          }
          .modulCategoriesTopMenuSub {
            &::after {
            }
            .modulCategoriesTopMenuEntrySub {
              width: 100%;
              margin: 0 0 0.4em 0;
              .modulCategoriesTopMenuEntryLinkSub {
                text-decoration: none;
                display: block;
                figure {
                  width: 100%;
                  height: 6em;
                  display: block;
                  img {
                    float: left;
                    margin-right: 0.4em;
                    display: inline-block;
                    height: 6em;
                    width: auto;
                  }
                  figcaption {
                    width: auto;
                    height: 100%;
                    &:hover {
                    }
                    * {
                      font-size: 1.4rem;
                      text-align: left;
                    }
                  }
                }
                &:first-child {
                  figure {
                    width: 100%;
                    height: 6em;
                    img {
                      width: auto;
                    }
                  }
                }
              }

            }
          }
        }
        &:hover {
          .modulCategoriesTopMenuSubWrapper {
          }
        }
      }
    }
    &.sticky {
    }
  }
  .modulHeader.sticky {
    .modulCategoriesTopMenuEntryLink {
    }
  }
}
@media (max-width: $bp3) {

}
*/
.sticky { /*transition: all 0.5s ease;*/
	
}

.modulMenuTop.sticky { /*
	    position: fixed;
	    top: 3em;
		.modulCategoriesTopMenuEntryLink {
			font-size: 1rem;
		}
		*/
	
}

@media ( max-width : 1200px) {
	.modulAccount {
		padding: 3rem 0;
	}
	.modulAccount .modulAccountMenu .modulAccountMenuEntry .modulAccountMenuEntryLink
		{
		display: block;
		font-size: 1.5rem;
		padding: 0.4em;
		background-color: #B2BDFF;
		border-bottom: 1px solid #fff;
	}
	.modulAccount.sticky { /*
	    position: fixed;
	    top: 3em;
		.modulCategoriesTopMenuEntryLink {
			font-size: 1rem;
		}
		*/
		
	}
}

.modulContent {
	background-color: #fff;
	z-index: -1;
	width: 100%;
	overflow: hidden;
}

@media ( max-width : 1200px) {
	.menuOpen .modulContent {
		display: none;
	}
}

.modulSubccategories .lstCategories {
	padding: 0 8%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry {
	float: left;
	width: 14%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink
	{
	display: inline-block;
	width: 100%;
	padding: 10%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink .categoryImgWrapper
	{
	-webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
	transform: rotate(-2deg);
	width: inherit;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink .categoryImgWrapper img
	{
	width: 100%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink .categoryImgWrapper .catDesc
	{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #fff;
	padding: 0.2em 0.4em;
	font-size: 1.2rem;
	-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink .categoryImgWrapper:after,.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink .categoryImgWrapper:before
	{
	background-color: #ccc;
	content: "";
	height: 96%;
	left: auto;
	position: absolute;
	right: -4px;
	top: -4px;
	transform: rotate(2deg);
	width: 96%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink .categoryImgWrapper:before
	{
	background-color: #eee;
	box-shadow: 2px -2px 8px 3px rgba(0, 0, 0, 0.3);
	height: 92%;
	right: -8px;
	top: -8px;
	transform: rotate(4deg);
	width: 92%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry .lstCategoriesEntryLink:hover .catDesc
	{
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opa)";
	filter: alpha(opacity =     80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.modulSubccategories .lstCategories .lstCategoriesEntry:first-child {
	width: 27%;
}

.modulSubccategories .lstCategories .lstCategoriesEntry:first-child .lstCategoriesEntryLink
	{
	padding: 5%;
}

.modulSubccategories .lstCategories:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	line-height: 0;
	float: none;
}

.modulSubccategories p {
	font-size: 3rem;
	color: rgba(0, 0, 0, 0.3);
	padding: 1em;
}

@media ( max-width : 1200px) {
	.modulSubccategories .lstCategories .lstCategoriesEntry {
		width: 20%;
	}
	.modulSubccategories .lstCategories .lstCategoriesEntry:first-child {
		width: 39%;
	}
}

@media ( max-width : 768px) {
	.modulSubccategories .lstCategories .lstCategoriesEntry {
		width: 25%;
	}
	.modulSubccategories .lstCategories .lstCategoriesEntry:first-child {
		width: 49%;
	}
}

@media ( max-width : 414px) {
	.modulSubccategories .lstCategories .lstCategoriesEntry {
		width: 50%;
	}
	.modulSubccategories .lstCategories .lstCategoriesEntry:first-child {
		width: 50%;
	}
}

.modulListProducts {
	box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.6);
	padding-bottom: 0rem;
	padding-top: 3rem;
}

@media ( max-width : 1200px) {
	.modulListProducts .listProducts .listProductsEntry {
		width: 32%;
	}
}

@media ( max-width : 768px) {
	.modulListProducts .listProducts .listProductsEntry {
		width: 50%;
	}
}

@media ( max-width : 414px) {
	.modulListProducts .listProducts .listProductsEntry {
		width: 96%;
	}
}

.modulWelcome {
	box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.6);
}

.modulProductDetails {
	padding: 3rem 0;
}

.modulProductDetails .productImgWrapper {
	width: auto;
	float: left;
}

.modulProductDetails .productImgWrapper.productImgWrapperBig {
	padding: 0 0 10px 0;
}

.modulProductDetails .productImgWrapper.productImgWrapperSmall {
	width: 132px;
	height: 132px;
}

.modulProductDetails .productImgWrapper.productImgWrapperSmall .productImg
	{
	height: 111px;
	width: 111px;
}

.modulProductDetails .productDesc {
	margin-bottom: 2rem;
}

.modulProductDetails .productDesc p {
	font-size: 1.6rem;
}

.modulProductDetails .priceWrapper {
	left: 50%;
	position: relative;
	top: 2rem;
	margin-bottom: 4rem;
	width: auto;
	display: inline-block;
}

.modulProductDetails .listProducts.listProductsSmall {
	min-height: 426px;
	padding-left: 10px;
	padding-top: 0;
	-webkit-box-shadow: -7px 7px 4px 2px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: -7px 7px 4px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: -7px 7px 4px 2px rgba(0, 0, 0, 0.3) inset;
}

.modulProductDetails .listProducts.listProductsSmall .listProductsEntry
	{
	height: 140px;
	padding-top: 10px;
}

.modulProductDetails .listProducts.listProductsSmall .listProductsEntry .productImgWrapper.productImgWrapperSmall .productImgScale
	{
	height: 121px;
	width: 121px;
	-webkit-box-shadow: 2px -4px 6px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px -4px 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 2px -4px 6px 0 rgba(0, 0, 0, 0.3);
}

@media ( max-width : 1200px) {
	.modulProductDetails .priceWrapper {
		left: 10%;
	}
}

@media ( max-width : 768px) {
	.modulProductDetails {
		z-index: 2;
	}
	.modulProductDetails .productImgWrapper {
		float: none;
	}
	.modulProductDetails .bg16 {
		background-image: none;
	}
	.modulProductDetails .bg16.bgColor-3 {
		background-color: transparent;
	}
	.modulProductDetails .lstDefinition {
		float: left;
		width: 50%;
	}
	.modulProductDetails .priceWrapper {
		left: 0;
		top: 0;
		margin-bottom: 10px;
	}
	.modulProductDetails .listProducts.listProductsSmall {
		min-height: auto;
		-webkit-box-shadow: 0 0 0 0 transparent;
		-moz-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent;
	}
	.modulProductDetails .textImportant {
		font-size: 1.8rem;
	}
	.modulProductDetails .btnInpWrapper {
		box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.6);
		background-color: #B2BDFF;
		position: fixed;
		top: auto;
		bottom: 0;
		width: 100%;
		padding-top: 0.5em;
	}
	.modulProductDetails .btnInpWrapper .cols.cols-4 {
		float: left;
		display: inline-block;
	}
	.modulProductDetails .btnInpWrapper .cols.cols-4.colLeft {
		width: 30%;
	}
	.modulProductDetails .btnInpWrapper .cols.cols-4.colRight {
		width: 70%;
	}
}

.modulCartProducts .cartProductEntry:nth-child(even) {
	background-color: #f3f3f3;
}

.modulCartProducts .lblPrice,.modulCartProducts .lblSum {
	display: none;
}

@media ( max-width : 768px) {
	.modulCartProducts .cols.cols-10 .colDescForm .col {
		width: 100%;
	}
	.modulCartProducts .cols.cols-10 .colDescForm .col.col-3 {
		width: 50%;
	}
	.modulCartProducts .rowHeadline {
		display: none;
	}
	.modulCartProducts .lblPrice,.modulCartProducts .lblSum {
		display: inline;
	}
}

@media ( max-width : 414px) {
	.modulCartProducts .colImg {
		margin-bottom: 10px;
	}
}

@media ( max-width : 768px) {
	.modulCartSum .cols.cols-10 .col.col-9 {
		width: 80%;
	}
	.modulCartSum .cols.cols-10 .col.col-1 {
		width: 20%;
	}
}

@media ( max-width : 414px) {
	.modulCartSum .cols.cols-10 .col.col-9 {
		font-size: 1.2rem;
	}
	.modulCartSum .cols.cols-10 .col.col-9 .textImportant {
		/*font-size: 1rem;*/
		
	}
	.modulCartSum .cols.cols-10 .col.col-1 {
		font-size: 1.2rem;
	}
}

@media ( max-width : 768px) {
	.modulCartButtons .cols.cols-4 .col.col-2 {
		width: 50%;
		float: left;
	}
}

.modulProcessfunnel .processfunnelWrapper .processfunnel {
	float: left;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep
	{
	padding: 30px 30px 30px 60px;
	display: inline-block;
	float: left;
	background: #f3f3f3 url("img/sprites/sprite_processfunnel.png")
		no-repeat 36px 6px;
	background-size: auto 144px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconConfirmation
	{
	background-position: -344px 6px;
	z-index: 1;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconSummery
	{
	background-position: -250px 6px;
	z-index: 2;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconPayment
	{
	background-position: -152px 6px;
	z-index: 3;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconShipping
	{
	background-position: -56px 6px;
	z-index: 4;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconCart
	{
	background-position: 16px 6px;
	z-index: 5;
	padding-left: 40px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep:before,.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep:after
	{
	border: 30px solid transparent;
	border-left-color: #f3f3f3;
	content: "";
	height: 0;
	left: auto;
	right: -60px;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 1;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep:before
	{
	border-left-color: #fff;
	right: -62px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive
	{
	background-color: #99D1FF;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive:after
	{
	border-left-color: #99D1FF;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconConfirmation
	{
	background-position: -344px -90px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconSummery
	{
	background-position: -250px -90px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconPayment
	{
	background-position: -152px -90px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconShipping
	{
	background-position: -56px -90px;
}

.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconCart
	{
	background-position: 16px -90px;
}

.modulProcessfunnel .processfunnelWrapper:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	line-height: 0;
	float: none;
}

@media ( max-width : 414px) {
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep
		{
		padding: 22px 22px 22px 44px;
		background: #f3f3f3 url("img/sprites/sprite_processfunnel.png")
			no-repeat 36px 6px;
		background-size: auto 100px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconConfirmation
		{
		background-position: -236px 6px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconSummery
		{
		background-position: -170px 6px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconPayment
		{
		background-position: -102px 6px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconShipping
		{
		background-position: -36px 6px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.iconCart
		{
		background-position: 8px 6px;
		padding-left: 19px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep:before,.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep:after
		{
		border: 22px solid transparent;
		border-left-color: #f3f3f3;
		right: -44px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep:before
		{
		border-left-color: #fff;
		right: -46px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive
		{
		background-color: #99D1FF;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive:after
		{
		border-left-color: #99D1FF;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconConfirmation
		{
		background-position: -236px -62px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconSummery
		{
		background-position: -170px -62px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconPayment
		{
		background-position: -102px -62px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconShipping
		{
		background-position: -36px -62px;
	}
	.modulProcessfunnel .processfunnelWrapper .processfunnel .processfunnelStep.processfunnelStepActive.iconCart
		{
		background-position: 8px -62px;
	}
}

.modulOffline {
	background-color: #99D1FF;
}

.modulOffline .modulContent {
	background-color: transparent;
}

.modulOffline .modulContent .modulContentInner {
	height: 800px;
}

.modulOffline .modulContent .modulContentInner h1 {
	color: #0077CC;
}

.modOverlay {
	display: none;
	background-color: #fff;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

@media ( max-width : 1200px) {
	.menuOpen .modOverlay {
		display: block;
	}
}

.modulNews .news-entry {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

.modulNews .news-entry .col-2 {
	float: right;
	width: 78% !important;
}

.modulNews .news-entry .col-8 {
	float: left;
	width: 20% !important;
	margin-right: 2%;
}

@media ( max-width : 768px) {
	.modulNews .news-entry {
		width: 100%;
	}
	.modulNews .news-entry .col-2 {
		float: none;
		width: 100% !important;
	}
	.modulNews .news-entry .col-8 {
		float: none;
		width: 100% !important;
		margin-right: 0;
	}
}
/*
.modulMenuTopSub {
  display: none;
  padding: 3em 0;
  .modulMenuTopEntry {
    &.modulMenuTopCartQty,
    &.modulMenuTopCartQtyMobile,
    &.modulMenuTopEntry-cart,
    &.modulMenuTopEntry-menu {
      display: none;
    }
    .modulMenuTopEntryLink {
      border-bottom: 1px solid $colBgShadowRGBA;
      display: block;
      font-size: 1.8rem;
      padding: 0.4em;
      text-transform: uppercase;
      background-color: $colBgPrimaryLight;
    }
    &:first-child .modulMenuTopEntryLink {
      border-top: 1px solid $colBgShadowRGBA;
    }
  }
}

@media (max-width: $bp1) {
  .modulMenuTopSub {
    display: block;
  }
  .sticky {
    .modulMenuTopSub {
    }
  }
}
@media (max-width: $bp2) {
  .modulMenuTopSub {
  }
}
@media (max-width: $bp3) {

}
*/
.modulCountdown {
	position: absolute;
	width: 100%;
}

.modulCountdown .countdownInfo {
	background-color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	padding: 0 0.5em;
}

@media ( max-width : 768px) {
	.modulCountdown {
		z-index: 3;
		display: inline-block;
		left: auto;
		top: 60px;
		right: 120px;
		padding: 0 0.5em;
		width: auto;
	}
	.modulCountdown .countdownInfo {
		font-size: 0;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}
	.modulCountdown .countdownInfo .countdownTime {
		padding: 0 0.5em;
	}
}

.admin .modulCountdown {
	text-align: right;
}

.page-login-offline {
	background: transparent url("img/backgrounds/IMG_1491_hell.jpg") repeat
		left 0;
	background-size: cover;
}

.page-login-offline .modulInfo {
	background-image: none;
}

/*!
 *
 * jQuery TE 1.4.0 , http://jqueryte.com/
 * Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)

 * jQuery TE is provided under the MIT LICENSE.
 *
*/
/* editor's general field */
.jqte {
	padding: 0 0;
	border: #000 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	-moz-box-shadow: 0 0 3px #999;
	overflow: hidden;
	transition: box-shadow 0.4s, border 0.4s;
	-webkit-transition: -webkit-box-shadow 0.4s, border 0.4s;
	-moz-transition: -moz-box-shadow 0.4s, border 0.4s;
	-o-transition: -o-box-shadow 0.4s, border 0.4s;
}

.jqte * {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.jqte_focused {
	border-color: #00AAE7;
	box-shadow: 0 0 10px #00BDFF;
	-webkit-box-shadow: 0 0 10px #00BDFF;
	-moz-box-shadow: 0 0 10px #00BDFF;
}

/* toolbar */
.jqte_toolbar {
	overflow: auto;
	padding: 3px 4px;
	background: #EEE;
	border-bottom: #BBB 1px solid;
}

.jqte_tool {
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.jqte_tool,.jqte_tool_icon,.jqte_tool_label {
	border: #EEE 1px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.jqte_hiddenField {
	display: none;
}

.jqte_tool_icon {
	display: block;
	width: 22px;
	height: 22px;
	background: url(img/sprites/jquery-te.png) no-repeat;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
	position: relative;
	display: block;
	padding: 3px;
	width: 70px;
	height: 16px;
	overflow: hidden;
}

.jqte_tool.jqte_tool_1 .jqte_tool_text {
	font: bold 13px Arial, sans-serif;
	color: #222;
}

.jqte_tool.jqte_tool_1 .jqte_tool_icon {
	position: absolute;
	top: 10px;
	right: 2px;
	width: 6px;
	height: 4px;
	background-position: -19px -23px;
	border: none;
	border-radius: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
}

.jqte_tool.jqte_tool_2 .jqte_tool_icon {
	background-position: 0 0;
}

.jqte_tool.jqte_tool_3 .jqte_tool_icon {
	background-position: -22px 0;
}

.jqte_tool.jqte_tool_4 .jqte_tool_icon {
	background-position: -44px 0;
}

.jqte_tool.jqte_tool_5 .jqte_tool_icon {
	background-position: -66px 0;
}

.jqte_tool.jqte_tool_6 .jqte_tool_icon {
	background-position: -88px 0;
}

.jqte_tool.jqte_tool_7 .jqte_tool_icon {
	background-position: -110px 0;
}

.jqte_tool.jqte_tool_8 .jqte_tool_icon {
	background-position: -132px 0;
}

.jqte_tool.jqte_tool_9 .jqte_tool_icon {
	background-position: -154px 0;
}

.jqte_tool.jqte_tool_10 .jqte_tool_icon {
	background-position: -176px 0;
}

.jqte_tool.jqte_tool_11 .jqte_tool_icon {
	background-position: -198px 0;
}

.jqte_tool.jqte_tool_12 .jqte_tool_icon {
	background-position: -220px 0;
}

.jqte_tool.jqte_tool_13 .jqte_tool_icon {
	background-position: -242px 0;
}

.jqte_tool.jqte_tool_14 .jqte_tool_icon {
	background-position: -264px 0;
}

.jqte_tool.jqte_tool_15 .jqte_tool_icon {
	background-position: -286px 0;
}

.jqte_tool.jqte_tool_16 .jqte_tool_icon {
	background-position: -308px 0;
}

.jqte_tool.jqte_tool_17 .jqte_tool_icon {
	background-position: -330px 0;
}

.jqte_tool.jqte_tool_18 .jqte_tool_icon {
	background-position: -352px 0;
}

.jqte_tool.jqte_tool_19 .jqte_tool_icon {
	background-position: -374px 0;
}

.jqte_tool.jqte_tool_20 .jqte_tool_icon {
	background-position: -396px 0;
}

.jqte_tool.jqte_tool_21 .jqte_tool_icon {
	background-position: -418px 0;
}

.jqte_tool:hover {
	background-color: #FFF;
	border-color: #FFF;
}

.jqte_tool:hover .jqte_tool_icon,.jqte_tool:hover .jqte_tool_label {
	border: #AAA 1px solid;
}

.jqte_tool:active .jqte_tool_icon,.jqte_tool:active .jqte_tool_label {
	border: #777 1px solid;
}

.jqte_tool.jqte_tool_1:hover .jqte_tool_icon,.jqte_tool.jqte_tool_1:active .jqte_tool_icon
	{
	border: none;
}

.jqte_tool_depressed {
	background-color: #DDD;
	border-color: #CCC;
}

.jqte_tool_depressed .jqte_tool_icon {
	border-color: #AAA;
}

.jqte_tool_depressed:hover {
	background-color: #EEE;
}

/* link form area */
.jqte_linkform {
	padding: 5px 10px;
	background: #DDD;
	border-bottom: #BBB 1px solid;
}

.jqte_linktypeselect {
	position: relative;
	float: left;
	width: 130px;
	background: #EEE;
	cursor: pointer;
}

.jqte_linktypeselect:Active {
	background: #FFF;
}

.jqte_linktypeview {
	padding: 3px 5px;
	border: #333 1px solid;
	color: #777;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
}

.jqte_linktypetext {
	font-size: 12px;
}

.jqte_linktypearrow {
	position: absolute;
	bottom: 8px;
	right: 6px;
	width: 7px;
	height: 6px;
	margin: 0 auto;
	background: url(img/sprites/jquery-te.png) -7px -23px no-repeat;
}

.jqte_linktypes {
	display: none;
	position: absolute;
	top: 22px;
	left: 1px;
	width: 125px;
	background: #FFF;
	border: #333 1px solid;
	box-shadow: 0 1px 4px #AAA;
	-webkit-box-shadow: 0 1px 4px #AAA;
	-moz-box-shadow: 0 1px 4px #AAA;
}

.jqte_linktypes a {
	display: block;
	padding: 4px 5px;
	font-size: 12px;
}

.jqte_linktypes a:hover {
	background: #DDD;
}

.jqte_linkinput {
	float: left;
	margin: 0 5px;
	padding: 3px 5px;
	width: 300px;
	background: #EEE;
	border: #333 1px solid;
	color: #777;
	font-size: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
}

.jqte_linkinput:focus,.jqte_linkinput:hover {
	background: #FFF;
	border-color: #000;
}

.jqte_linkbutton {
	float: left;
	padding: 3px 12px;
	background: #AAA;
	border: #333 1px solid;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0 1px #EEE;
	-webkit-box-shadow: inset 0 1px #EEE;
	-moz-box-shadow: inset 0 1px #EEE;
}

.jqte_linkbutton:hover {
	background: #A1A1A1;
}

.jqte_linkbutton:active {
	box-shadow: inset 0 1px #CCC;
	-webkit-box-shadow: inset 0 1px #CCC;
	-moz-box-shadow: inset 0 1px #CCC;
	background: #888;
}

/* text format menu */
.jqte_formats {
	display: none;
	position: absolute;
	width: 180px;
	oveflow-x: hidden;
	overflow-y: auto;
	background: #FFF;
	border: #AAA 1px solid;
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
	z-index: 100;
}

.jqte_format {
	display: block;
	padding: 4px 7px;
	font-size: 13px;
}

.jqte_format:hover {
	background: #DDD;
}

.jqte_format_1,.jqte_format_2,.jqte_format_3,.jqte_format_4,.jqte_format_5,.jqte_format_6
	{
	font-weight: bold;
}

.jqte_format_1 {
	font-size: 22px;
}

.jqte_format_2 {
	font-size: 20px;
}

.jqte_format_3 {
	font-size: 18px;
}

.jqte_format_4 {
	font-size: 16px;
}

.jqte_format_5 {
	font-size: 14px;
}

.jqte_format_6 {
	font-size: 12px;
}

.jqte_format_7 {
	font-family: "Courier New", Courier, monospace;
}

/* font size menu */
.jqte_fontsizes {
	display: none;
	position: absolute;
	width: 180px;
	height: 198px;
	oveflow-x: hidden;
	overflow-y: auto;
	background: #FFF;
	border: #AAA 1px solid;
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
}

.jqte_fontsize {
	display: block;
	padding: 3px 7px;
}

.jqte_fontsize:hover {
	background: #DDD;
}

/* color pallette */
.jqte_cpalette {
	display: none;
	position: absolute;
	padding: 6px;
	width: 144px;
	background: #FFF;
	border: #AAA 1px solid;
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
}

.jqte_color {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	border: #FFF 1px solid;
}

.jqte_color:hover {
	border-color: #000;
}

.jqte_colorSeperator {
	float: none;
	clear: both;
	height: 7px;
}

/* editor area */
.jqte_editor,.jqte_source {
	padding: 10px;
	background: #FFF;
	min-height: 100px;
	max-height: 900px;
	overflow: auto;
	outline: none;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	resize: vertical;
}

.jqte_editor div,.jqte_editor p {
	margin: 0 0 7px;
}

.jqte_editor a:link,.jqte_editor a:link * {
	color: #0066FF !important;
	text-decoration: underline;
}

.jqte_editor blockquote {
	margin-top: 0;
	margin-bottom: 7px;
}

.jqte_editor img {
	float: left;
	margin: 0 10px 5px 0;
}

.jqte_editor a[jqte-setlink],.jqte_editor a[jqte-setlink] * {
	background: #3297FD !important;
	color: #FFF !important;
}

.jqte_editor h1,.jqte_editor h2,.jqte_editor h3,.jqte_editor h4,.jqte_editor h5,.jqte_editor h6,.jqte_editor pre
	{
	display: block;
	margin: 0 0 3px;
}

.jqte_editor h1,.jqte_editor h1 * {
	font-size: 26px;
}

.jqte_editor h2,.jqte_editor h2 * {
	font-size: 24px;
}

.jqte_editor h3,.jqte_editor h3 * {
	font-size: 22px;
}

.jqte_editor h4,.jqte_editor h4 * {
	font-size: 20px;
}

.jqte_editor h5,.jqte_editor h5 * {
	font-size: 18px;
}

.jqte_editor h6,.jqte_editor h6 * {
	font-size: 15px;
}

.jqte_editor pre,.jqte_editor pre * {
	font-family: "Courier New", Courier, monospace;
}

/* source area */
.jqte_source,.jqte_source textarea {
	background: #FFF1E8;
}

.jqte_source textarea {
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	width: 100% !important;
	min-height: 100px;
	font-family: Courier, Arial, sans-serif !important;
	font-weight: normal;
	font-size: 15px;
	overflow: hidden !important;
	outline: none;
	resize: none;
}

.jqte_source textarea,.jqte_source textarea:focus {
	css_shadow: none !important;
	background: none !important;
	border: none !important;
}

/* title box */
.jqte_title {
	display: none;
	position: absolute;
	z-index: 9999;
}

.jqte_titleArrow {
	position: relative;
}

.jqte_titleArrowIcon {
	width: 7px;
	height: 6px;
	margin: 0 auto;
	background: url(img/sprites/jquery-te.png) 0 -23px no-repeat;
}

.jqte_titleText {
	padding: 5px 7px;
	margin-top: 0;
	min-width: 5px;
	min-height: 1px;
	max-width: 400px;
	background: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

.jqte_titleText,.jqte_titleText * {
	color: #FFF;
	font-size: 11px;
}

/* placeholder */
.jqte_placeholder {
	position: relative;
	display: none;
}

.jqte_placeholder_text {
	position: absolute;
	top: 43px;
	left: 10px;
	font-size: 14px;
	color: #CCC;
}

.admin .rteContainer {
	z-index: 3;
	padding: 1.2rem 0;
}

.admin .rteContainer * {
	position: static;
}

.admin .rteContainer .jqte .jqte_toolbar .jqte_tool .jqte_cpalette,.admin .rteContainer .jqte .jqte_toolbar .jqte_tool .jqte_formats,.admin .rteContainer .jqte .jqte_toolbar .jqte_tool .jqte_fontsizes
	{
	position: absolute;
	left: auto;
	top: auto;
}

.rteContainer * {
	font-size: 1.5rem;
}

.admin .pdf-available {
	background-color: green !important;
}

.admin .pdf-error {
	background-color: red !important;
}

/*# sourceMappingURL=styles.css.map */