/* @group Menu Navigation */

.menu-banner {
	width: 100%;
	background: #f7239b;
	height: 100%;
	min-height: 300px;
	position: relative;
}

.menu-banner img {
	width: 100%;
}

.menu-banner-head h1 {
	color: white;
	font-weight: 600;
	font-size: 48px;
	text-shadow: 01px 01px 2px #898080;
	line-height: 120%;
}

.menu-banner-head-subline {
	color: white;
	font-size: 20px;
}

.menu {
		

	width: 100%;

}



.menu-punkt {

	width: 33.333%;

	float: left;
	display: block;
	
}

.menu-punkt-inner
{
	margin: 05px 10px 10px;
	height: 50px;
	background-color: #f7239b;
	
}

.menu-punkt-inner:hover
{

	background-color: rgba(247, 35, 155, 0.90);
}

.menu-punkt-inner h2 {
	color: #ffffff;
	size: 20px;
	padding: 15px;
	text-align: center;
}


.menu-banner-head {
	position: absolute;
	padding: 25px;
	bottom: 0;
}

/* @end */

/* @group Outfits*/

.outfit-container {
	width: 100%;

	height: 100%;
	position: relative;
}

.outfit {

}

.outfit-title {background:url("..//images/pro-title.jpg") repeat-x scroll 0 0 transparent;padding: 0 0 5px;margin:0 0 10px;}
.outfit-title h2{color:#3f3f3f;font-size:20px;padding:5px 15px;margin:0;}

.outfit-box {

	width: 33.33%;
	float: left;
	display: block;
	padding: 5px;
	position: relative;
	
}


.outfit-box h3 {

	padding: 15px;
	width: 100%;
	text-align: center;
	font-weight: 400;
}

.outfit-box a:hover{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background:  #e8e8e8;
}


.outift-box-item img{

			width: 100%;
			}




.outfit-box-msg
{
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    overflow: hidden;
	position:absolute;
	top: 50%;


	

}

.outift-box-item:hover > .outfit-box-msg {
  
  display: block;
  z-index: 4;
  opacity: 1;

  
}

.outift-box-msg-txt
{

	color: #fff;
	background-color: #f7239b;
	display: block;
	text-align: center;
padding: 25px;
margin-right: auto;
	margin-left: auto;
}


/* @end */

@media (max-width:640px) {
	
	.outfit-title h2{font-size:16px;}
	
	.menu-banner-head h1 {
		font-size: 34px;
	}
	
	.menu-banner {
		min-height: 150px;
	}
	
	.menu-banner-head {
		padding: 10px;
	}
	
	.menu-punkt {

	width: 100%;

	float: left;
	display: block;
	
}

.outfit-box {

	width: 100%;
	float: left;
	display: block;
	padding: 5px;
	
}



}


/* @group Styleboard */

.styleboard-box
{

	width: 100%;

}

.styleboard-box h1
{
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 0;
}



.styleboard-box-item
{
width: 30%;
float: left;
	display: block;
	margin-right: 10px;
	margin-bottom: 20px;
	
}

.styleboard-box-item a
{
	
	font-style: normal;
	text-decoration: none;
	color: black;
}

.styleboard-box-item a:hover
{
	
	font-style: normal;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.65);
}


.styleboard-box-item-title {

}

.styleboard-box-item-price {
Font-weight :600;

}

.styleboard-box-item img
{
	width: 100%;
	margin-bottom: 15px;
	border: thin solid silver;
}

.styleboard-box-item img::hover {
  opacity: 0.5;
}


.styleboard-box-item-rund
{
	float: left;
	margin-right: 10px;
}

.styleboard-box-item-rund img{
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
width: 17px;

}

/* @end */

/* @group Menu LP */

.menu-banner-lp {
	width: 100%;
	background: #f7239b;
	height: 100%;
	min-height: 300px;
	position: relative;
}

.menu-banner-lp img {
	width: 100%;
}

.menu-banner-lp-head h1 {
	color: white;
	font-weight: 600;
	font-size: 48px;
	text-shadow: 01px 01px 2px #898080;
	line-height: 120%;
	

}

.menu-banner-lp-head-subline {
	color: white;
	font-weight: 600;
	font-size: 20px;
	text-shadow: 01px 01px 2px #898080;
}

.menu-banner-lp-head {
	position: absolute;
	padding-bottom: 10%;
	padding-left: 10%;
	width: 40%;
	bottom: 0;
}

.menu-banner-lp-head button{
	
	font-size: 16px;
	
	padding: 10px;
	width: 200px;
	margin-top: 15px;
	text-transform: uppercase;
}
.menu-banner-lp-head button:hover{
	
	color: #f7239b;
	
}

@media (max-width:1050px) {
.menu-banner-lp-head h1 {
	color: white;
	
	font-weight: 600;
	font-size: 30px;
	text-shadow: 01px 01px 2px #898080;
	line-height: 120%;
}


@media (max-width:640px) {
.menu-banner-lp {
	width: 100%;
	background: #f7239b;
	height: 100%;
	min-height: 180px;
	position: relative;
}

.menu-banner-lp-head {
	top: 20px;
	width: 50%;

}


.menu-banner-lp-head h1 {
	color: white;
	
	font-weight: 600;
	font-size: 16px;
	text-shadow: 01px 01px 2px #898080;
	line-height: 120%;

	
	
	

}

.menu-banner-lp-head-subline {
	color: white;
	font-weight: 600;
	font-size: 12px;
	text-shadow: 01px 01px 2px #898080;
}


.menu-banner-lp-head button{
	
	font-size: 12px;
	
	padding: 10px;
	width: 100%;
	margin-top: 5px;
	text-transform: uppercase;
}
.menu-banner-lp-head button:hover{
	
	color: #f7239b;
	
}

}



/* @end */