/** CSS Dokument */

html{
	font-family:Arial, Helvetica, sans-serif;
}

body{
	width:1500px !important;
	margin-right: auto;
	margin-left:auto;
	overflow-x:hidden;
}

.row { /*row left/right margin entfernt */
	margin-left:0px;
	margin-right:0px;
}


#header_slider {
	float:left;
	width:100%;
	height:350px;
	
}

#slider_overlay {
	position:absolute;
	background-image:url(../img/layout_equitrade_header_03.png);
	background-size: 1500px 350px;
	z-index:20;
	width: 1500px;
	height:350px;
	padding:30px 0px 0px 250px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}

#slider_box {
	width:100%;
	height:350px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:auto;
		height:350px;
		overflow:hidden !important;
		}	
	#slider{
		display:block;
		width:100% !important;
	}

	img{
		width:1500px;
		height:350px;
	}

	.dropdown-nav{
		color:white;
	}

	.titel{
		font-size:28px;
		font-weight:bold;
	}

	.p-img-container{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .p-slider{
        display:flex;
        width:1300px;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        margin:50px auto;
    }

    .product-box{
        
        flex-direction:column;
        width:300px;
        padding:15px;
        border: 1px solid rgba(0,0,0,0.08);
        border-radius: 10px;
        margin:0px 20px;
        position:relative;
    }

    .p-img-container{
        width:100%;
        height:200px;
        display:flex;
        overflow:hidden;
    }

    .p-img a, .p-img{
        width:260px;
        height:200px;
    }

    .p-img a img{
        width:100%;
        height:100%;  
        border:1px solid #696969;
    }

    @keyframes fade{
        0%{
            opacity:0;
        }
        100%{
            opacity:1;
        }
    }

    .p-box-text{
        margin-top: 5px;
        width: 100%;
    }

    .product-title{
        display:flex;
        justify-content: center;
        align-items:center;
        flex-wrap:wrap;
    }

    .product-title span{
        color:black;
        font-weight:bold;
        margin-right:auto;
        margin-left:auto;
    }

    .product-category{
        margin-right:auto;
        margin-left:auto;
    }

    .price-buy{
        display: flex;
        justify-content: center;
        align-items:center;
        margin-top:8px;
        margin-right:auto;
        margin-left:auto;
    }

    .price-buy .p-price{
        font-weight:bold;
    }


	/** responsive Design */
	@media (max-width:1503px){
		body{
			width:95% !important;
			margin-right: auto;
			margin-left:auto;
		}
	}

	@media (max-width:1502px){
        .p-slider{
            display:flex;
            width:88%;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            margin:50px auto;
        }
    }

	@media (max-width: 791px){
		#slider_box {
			width:95%;
			height:350px;
			display:none;
		}
		#slider_overlay {
			position:absolute;
			background-image:url(../img/layout_equitrade_header_03.png);
			z-index:20;
			width:95%;
			padding:30px 0px 0px 225px;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:15px;
			overflow-wrap: break-word;
		}
	}