/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

body{
	background:#fff;
	font-family: Verdana, Arial, sans-serif;
}
/*---start-wrap-----*/
.wrap{
	width:70%;
	margin:0 auto;
}
#page{
	display:none;
}
/*---start-header----*/
.header {
	padding: 0.3em 0 0em;
}
.header-left{
	/*float:left;*/
	/*margin-top: 1em;*/
	text-align: center;
}
.header-right{
	/*float:right;*/
	/*width: 50%;*/
	margin-bottom: 1em;
	text-align: center;
}
.top-nav ul li{
	display:inline-block;
}
.top-nav ul li a{
	color: #777777;
	padding: 1.8em 0.8em;
	display: block;
	font-size: 1.2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.top-nav ul li a:hover{
	color:lightblue;
}
.top-nav{
	/*float:left;*/
	padding: 1em 0;
	border: 1px solid #aaa; /*#eee;*/
	border-right: none;
	border-left: none;
}
/*---End-header----*/

/*----start-content---*/
.grids-border{
	position:absolute;
}
.border{
	height: 3px;
	width: 300px;
	display: block;
	background: 1px solid #aaa; /*#eee;*/
	position: absolute;
	left: 60%;
	top: 76%;
}
/*---start-mid-grids----*/
.mid-grids{
	/*padding: 5em 0;*/
	padding: 1em 0 1em 0; 
	border: 1px solid #aaa; /*#eee;*/
	border-right: none;
	border-left: none;
}
.mid-grids-left{
	float:left;
	width:50%;
	margin-right:2%;
}
.mid-grids-right{
	float:right;
	width:58%;
}
.mid-grids-right h3 span{
	color:#E95192;
	font-size: 1.4em;
	font-family: Verdana, Arial, sans-serif;
}
.mid-grids-right h3{
	color:#727272;
	font-size: 2em;
	line-height: 1.2em;
}
.mid-grids-right p{
	font-size: 1.25em;
	line-height: 1.5em;
	color: #6F6F6F;
	width: 80%;
}
.mid-grids-right p big{
	font-family: Verdana, Arial, sans-serif;
}
.mid-grids-right ul li{
	display:block;
}
.mid-grids-right ul{
	margin: 0.6em 0 1.1em;
}
/*---//End-mid-grids---*/
/*---start-footer-grids---*/
.footer-grid{
	width: 32.00%;
	float: left;
	margin-left: 2.3em;
	margin-right: 0%;
}
.footer-grid:nth-child(3n+1){
	margin-right:0;
}
.footer-grid h3{
	color:#3D3D3D;
	font-size:1.2em;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 0.8em;
}
.footer-grid ul li{
}
.footer-grid ul li a{
	color: #8C8C8C;
	font-size: 0.9em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.footer-grid ul li a:hover{
	zoom: 1;
	filter: alpha(opacity=75);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.footer-grid p{
	color: #A2A2A2;
	font-size: 0.875em;
	line-height: 1.5em;
	padding:0 0 0.4em 0;
}
.footer-grids {
	padding: 3em 0 5em;
}
/*---//End-footer-grids---*/
/*----//End-content---*/
/*---//End-wrap-----*/
/*---start-responsive-design----*/
@media only screen and (max-width:1440px) and (min-width:1366px) {
	.wrap {
		width: 75%;
	}
}
@media only screen and (max-width:1366px) and (min-width:1280px) {
	.wrap {
		width:80%;
	}
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
	.wrap {
		width:80%;
	}
	.header-right {
		/*width: 60%;*/
	}
}
@media only screen and (max-width:1024px) and (min-width:768px) {
	.wrap {
		width:80%;
	}
	.header-right {
		/*width: 60%;*/
	}
	.mid-grids-right h3 span {
		font-size: 1.2em;
	}
	.mid-grids-right h3 {
		font-size: 1.5em;
	}
	.mid-grids-right p {
		font-size: 0.9em;
	}
	.border {
		width: 215px;
		left: 61%;
		top: 76%;
	}
	.mid-grids {
		padding: 3em 0 2em;
	}
	.header {
		padding:0;
	}
	.top-nav ul li a{
	padding: 0.2em 1.8em;
    }
}
@media only screen and (max-width:768px) and (min-width:640px) {
	.wrap {
		width:80%;
	}
	.header-right {
		/*width: 66%;*/
	}
	.mid-grids-right h3 span {
		font-size: 1.2em;
	}
	.mid-grids-right h3 {
		font-size: 1.5em;
	}
	.mid-grids-right p {
		font-size: 0.9em;
	}
	.border {
		width: 148px;
		left: 64%;
		top: 76%;
	}
	.mid-grids {
		padding: 3em 0 2em;
	}
	.header {
		padding: 1em 0;
	}
	/*----*/
	#page{
		display:block;
	}
	.top-nav{
		float:left;
		width:30%;
	}
	.header-left {
		float: none;
		margin-top:0em;
	}
	}
	.header-right {
		/*width: 66%;*/
	}
	.mid-grids-left {
		float: none;
		width:100%;
		margin-right:0%;
		text-align: center;
	}
	.mid-grids-right {
		float: none;
		width:100%;
		text-align: center;
		margin-top: 3%;
	}
	.mid-grids-right ul li {
		display: inline-block;
	}
	.footer-grid {
		/*width:30%;*/
		width: 11em;
		float: left;
		margin-right:0%;
	}
	.footer-grids {
		padding: 2em 0 3em;
	}
	.footer-grid ul li {
		display:inline-block;
		margin-right:0.6em;
	}
	.footer-grid h3 {
		margin-bottom: 0em;
	}
	.footer-grid ul{
		margin:0.5em 0;
	}
	.footer-grid p {
		padding: 0.5em 0;
	}
	.top-nav ul li a{
	padding: 0.2em 1.8em;
    }
}
@media only screen and (max-width:640px) and (min-width:480px) {
	.wrap {
		width:80%;
	}
	.header-right {
		/*width: 66%;*/
	}
	.mid-grids-right h3 span {
		font-size: 1.2em;
	}
	.mid-grids-right h3 {
		font-size: 1.5em;
	}
	.mid-grids-right p {
		font-size: 0.9em;
	}
	.border {
		width: 126px;
		left: 65%;
		top: 76%;
	}
	.mid-grids {
		padding: 3em 0 2em;
	}
	.header {
		padding: 1em 0;
	}
	/*----*/
	#page{
		display:block;
	}
	.top-nav{
		float:none;
		width:100%;
	}
	.header-left {
		float: none;
		margin-top:0em;
		/*margin-left: 20%;*/
	}
	.mid-grids-left {
		float: none;
		width:100%;
		margin-right:0%;
		text-align: center;
	}
	.mid-grids-right {
		float: none;
		width:100%;
		text-align: center;
		margin-top: 5%;
	}
	.mid-grids-right ul li {
		display: inline-block;
	}
	.footer-grid {
		width:100%;
		float: none;
		margin-right:0%;
	}
	.footer-grids {
		padding: 2em 0 3em;
	}
	.footer-grid ul li {
		display:inline-block;
		margin-right:0.6em;
	}
	.footer-grid h3 {
		margin-bottom: 0em;
	}
	.footer-grid ul{
		margin:0.5em 0;
	}
	.footer-grid p {
		padding: 0.5em 0;
	}
	.top-nav ul li a{
	padding: 0.2em 1.8em;
    }
}
@media only screen and (max-width:480px) and (min-width:320px) {
	.wrap {
		width:95%;
	}
	.header-right {
		/*width: 66%;*/
	}
	.mid-grids-right h3 span {
		font-size: 1.2em;
	}
	.mid-grids-right h3 {
		font-size: 1.2em;
	}
	.mid-grids-right p {
		font-size: 0.875em;
		width:100%;
	}
	.border {
		width: 79px;
		left: 70%;
		top: 66%;
	}
	.mid-grids {
		padding: 1em 0 1em;
	}
	.header {
		padding: 1em 0 1.2em;
	}
	/*----*/
	#page{
		display:block;
	}
	.top-nav{
		float:none;
		width:100%;
	}
	.header-left {
		float: none;
		margin-top:0em;
		/*margin-left: 15%;*/
	}
	.mid-grids-left {
		float: none;
		width:100%;
		margin-right:0%;
		text-align: center;
	}
	.mid-grids-right {
		float: none;
		width:100%;
		text-align: center;
		margin-top: 5%;
	}
	.mid-grids-right ul li {
		display: inline-block;
	}
	.footer-grid {
		width:100%;
		float: none;
		margin-right:0%;
	}
	.footer-grids {
		padding: 1em 0 2em;
	}
	.footer-grid ul li {
		display:inline-block;
		margin-right:0.6em;
	}
	.footer-grid h3 {
		margin-bottom: 0em;
	}
	.footer-grid ul{
		margin:0.5em 0;
	}
	.footer-grid p {
		padding: 0.5em 0;
	}
	.top-nav ul li a{
	padding: 0.2em 1.8em;
    }
}
@media only screen and (max-width:320px) and (min-width:240px) {
	.wrap {
		width:95%;
	}
	.header-right {
		/*width: 66%;*/
	}
	.mid-grids-right h3 span {
		font-size: 1.2em;
	}
	.mid-grids-right h3 {
		font-size: 1.2em;
	}
	.mid-grids-right p {
		font-size: 0.875em;
		width:100%;
	}
	.border {
		width: 42px;
		left: 76%;
		top:63%;
	}
	.mid-grids {
		padding: 1em 0 1em;
	}
	.header {
		padding: 0.8em 0 1.2em;
	}
	/*----*/
	#page{
		display:block;
	}
	.top-nav{
		float:none;
		width:100%;
	}
	.header-left {
		float: none;
		margin-top:0em;
		/*margin-left: 10%;*/
	}
	.mid-grids-left {
		float: none;
		width:100%;
		margin-right:0%;
		text-align: center;
	}
	.mid-grids-right {
		float: none;
		width:100%;
		text-align: center;
		margin-top: 5%;
	}
	.mid-grids-right ul li {
		display: inline-block;
	}
	.footer-grid {
		width:100%;
		float: none;
		margin-right:0%;
	}
	.footer-grids {
		padding: 1em 0 2em;
	}
	.footer-grid ul li {
		display:inline-block;
		margin-right:0.6em;
	}
	.footer-grid h3 {
		margin-bottom: 0em;
	}
	.footer-grid ul{
		margin:0.5em 0;
	}
	.footer-grid p {
		padding: 0.5em 0;
	}
	.top-nav ul li a{
	padding: 0.2em 0.8em;
    }
}

/* Shop Kategorien */
.shop_cat {
	width: 13em;
}