/**
* 2007-2018 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2018 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/


#homecategories {
	background:#e3f0f6;
}

#homecategories ul li:nth-child(1).col-lg-3 {
	width: 50%!important;
}

#homecategories ul.row {
	padding: 60px 0px 30px 0px;
	margin-bottom: 0px;
}

#homecategories ul.row li a.category-banner {
	background: #f7f7f7;
	display: block;
	width: 100%;
	height: 360px;
	border-top:15px solid #73b8a6;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#homecategories ul.row li {
	margin-bottom: 30px;
	position: relative;
}

#homecategories h4 {
    font-size: 1.375rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

#homecategories img {
    border: 1px solid #D1D1D1;
    width: 100%;
}

#homecategories .category_name {
    font-size: 13px;
    font-weight: bold;
    padding: 0px;
    text-align: center;
    margin-bottom:0px;
}

#homecategories .category_name .teaser-title {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 40px;
	z-index: 1;
	left: 0;
	padding: 0 50px 0 50px;
    font: 700 24px/36px 'Roboto Condensed', sans-serif;
    color: #ffffff;
    display: block;
    letter-spacing: 0.8px;
    text-transform: uppercase;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#homecategories .category_name .background-overlay {
	background: rgba(38, 59, 88, 0.80);
	width: calc(100%-15px);
	height: calc(100%-15px);
	display: block;
	position: absolute;
	left: 15px;
	bottom: 0px;
	right: 15px;
	top: 15px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 0;
}

#homecategories .category-129 {
	display: none;
}

#homecategories ul li:nth-child(1) .category-banner {
	background: url(../catImages/drehen.jpg) no-repeat!important;
	background-position: center;
	background-size: cover;
}

#homecategories ul li:nth-child(2) .category-banner {
	background: url(../catImages/schieben.jpg) no-repeat!important;
	background-position: center;
	background-size: cover;
}

#homecategories ul li:nth-child(3) .category-banner {


	background: url(../catImages/griffe_druecker.jpg) no-repeat!important;
	background-position: center;
	background-size: cover;
}

#homecategories ul li:nth-child(4) .category-banner {
	background: url(../catImages/zargenProfile.jpg) no-repeat!important;
	background-position: center;
	background-size: cover;
}

#homecategories ul li:nth-child(5) .category-banner {
	background: url(../catImages/duschen.jpg) no-repeat!important;

	background-position: center;
	background-size: cover;
}

#homecategories ul li:nth-child(6) .category-banner {
	background: url(../catImages/gel_punkth_vordach.jpg) no-repeat!important;

	background-position: center;
	background-size: cover;
}

#homecategories ul li:nth-child(7) .category-banner {
	background: url(../catImages/hinterschnAnker.jpg) no-repeat!important;
	background-position: center;
	background-size: 100%;
}

#homecategories .category-banner:hover {
	border-top: 15px solid #589a89!important;
}

#homecategories .category_name:hover .teaser-title {
	bottom: 45px;
	font: 700 26px/36px 'Roboto Condensed', sans-serif;
}

#homecategories .category_name:hover .background-overlay {
	background: rgba(38, 59, 88, 0.95);
}

#homecategories .category_desc {
    text-align: center;
    height: auto;
    line-height: 15px;
}

#homecategories .category_desc a {
    font-size: 12px;
    color: #232323;
}

#homecategories h5 {

}

/*special hooks*/
.homecategories_displayFooterBefore h4 {
    text-align: left !important;
}

.homecategories_displayFooter {
    clear: both;
}

@media (max-width: 1459px) {

}

@media (max-width: 1299px) {
	#homecategories ul.row li a.category-banner {
		height: 320px;
	}

	#homecategories .category_name .teaser-title,#homecategories .category_name:hover .teaser-title  {
	    font: 700 14px/24px 'Roboto Condensed', sans-serif!important;
	}

	#homecategories .category_name:hover .teaser-title {
		bottom: 45px;
		font: 700 18px/24px 'Roboto Condensed', sans-serif;
	}

}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	#homecategories ul li:nth-child(1).col-lg-3 {
	    width: 100%!important;
	}

	#homecategories .category_name .teaser-title,#homecategories .category_name:hover .teaser-title  {
	    font: 700 18px/24px 'Roboto Condensed', sans-serif!important;
	}
}

@media (max-width: 767px) {

	#homecategories ul li:nth-child(1).col-lg-3 {
	    width: 100%!important;
	}

	#homecategories ul li:nth-child(1) .category-banner {
		background: url(../catImages/drehen.jpg) no-repeat!important;
		background-position: right bottom!important;
		background-size: cover!important;
	}

	#homecategories .category-134.col-xs-12 {
    	width: 100%!important;
	}

	#homecategories ul.row li a.category-banner {
		max-height: 320px;
	}

	#homecategories ul.row li {
		margin-bottom: 15px;
	}

}

@media (max-width: 575px) {

}

@media (max-width: 380px) {

}