/*                                                          */
/* ----- CUSTOM STYLES FOR THE HOME PAGE ------ */
/*                                                        */
/*        Styles for general AND home @custom.css        */

/* # Contents
---------------------------------------------------------------------------------------------------- */

.front-page-section .widget.home-brand,
.front-page-section .widget.home-products { background-color: #fff; }

#aktuelles .featuredpost { width: 100% !important; margin-right: 0 !important; }

.front-page-section .widget.home-third,
.front-page-section .widget.home-news .entry,
.front-page-section .widget.home-offers .entry
#aktuelles .featuredpost .entry { overflow: hidden; /* to proof... */ }

#aktuelles span.more-link,
#aktuelles a.more-link { margin-top: 25px !important; text-align: right !important; }


/* # Plugins
--------------------------------------------------------------------------------------------------- */

/* ## Divi Builder
--------------------------------------------- */

#aktuelles .et_pb_module.et_pb_sidebar_0 { padding: 0 !important; border: 0 none transparent !important; }

body.home #et-boc #portfolio .et_pb_button { font-size: inherit; }

#aktuelles .et_pb_widget { margin-bottom: 0 !important; }

.et-db #et-boc .et-l #aktuelles .et_pb_blog_grid .et_pb_post { padding: 0; background-color: transparent; }

.et-db #et-boc .et-l #aktuelles .et_pb_blog_grid_wrapper .et_pb_blog_grid article { border-bottom: 0 none transparent !important; }

body.home .et_pb_section.angebote + .et_pb_section.angebote .et_pb_widget { width: 100%; margin: 0; }

body.home .et_pb_section#portfolio .et_pb_text:hover h2,
body.home .et_pb_section#portfolio .et_pb_text:hover .et_pb_button { color: #000 !important; }

body.home .et_pb_section#portfolio .et_pb_text:hover .et_pb_button { background-color: rgba(0,0,0,.1) !important; }

body.home .et_pb_section#portfolio .et_pb_button:not(:hover) { padding: .3em .7em !important; }

body.home .et_pb_section#portfolio .et_pb_button::after { line-height: inherit !important; }

body.home .et_pb_section.angebote .et_pb_widget { width: 100% !important; margin-right: 0 !important; }

body.home .et_pb_section.angebote .et_pb_widget:last-child { margin-bottom: 0 !important; }

.et-db #et-boc .et_pb_section.angebote .entry { margin-bottom: 0 !important; background-color: transparent; font-size: 21px; }

.et-db #et-boc .et_pb_section.angebote .entry,
.et-db #et-boc .et_pb_section.angebote .entry h2,
.et-db #et-boc .et_pb_section.angebote .entry h2 > a,
.et-db #et-boc .et_pb_section.angebote .entry h3,
.et-db #et-boc .et_pb_section.angebote .entry h4 { color: #fff !important; }

.et-db #et-boc .et_pb_section.angebote .entry h2,
.et-db #et-boc .et_pb_section.angebote .entry h2 > a { font-size: 42px; font-weight: 500; }
.et-db #et-boc .et_pb_section.angebote .entry h3 { font-size: 28px; font-weight: 700; }
.et-db #et-boc .et_pb_section.angebote .entry h4 { font-size: 24px; font-weight: 700; }
.et-db #et-boc .et_pb_section.angebote .entry h5 { font-size: 21px; font-weight: 500; }
.et-db #et-boc .et_pb_section.angebote .entry h6 { font-size: 21px; font-weight: 700; }

.et-db #et-boc .et_pb_section.angebote .entry h2,
.et-db #et-boc .et_pb_section.angebote .entry h2 > a,
.et-db #et-boc .et_pb_section.angebote .entry h3,
.et-db #et-boc .et_pb_section.angebote .entry h4,
.et-db #et-boc .et_pb_section.angebote .entry h5,
.et-db #et-boc .et_pb_section.angebote .entry h6 { font-family: "Roboto Condensed", 'Roboto Condensed-Roboto', 'Roboto Condensed-HelveticaNeue', 'Roboto Condensed-Arial', sans-serif; text-transform: uppercase !important; }

.et-db #et-boc .et_pb_section.angebote p { padding-bottom: 1em !important; }

.et-db #et-boc .et_pb_section.angebote .entry .entry-featured-image-url,
.et-db #et-boc .et_pb_section.angebote .entry h2 > a { pointer-events: none !important; }

.et-db #et-boc .et_pb_section.angebote .entry .entry-featured-image-url { padding-bottom: 0; }

.et-db #et-boc .et_pb_section.angebote .featuredpost img,
.et-db #et-boc .et_pb_section.angebote .entry .entry-featured-image-url > img { width: auto; max-height: 550px; /*margin-bottom: 25px;*/ }

.et-db #et-boc .et_pb_section.angebote .gb-button,
.et-db #et-boc .et_pb_section.angebote .gb-button:after { transition: all 300ms ease 0ms; }

.et-db #et-boc .et_pb_section.angebote .gb-button {
	position: relative;
	padding: .6em 1em !important;
	font-size: 16px;
	font-weight: 500;
}

.et-db #et-boc .et_pb_section.angebote .gb-button:hover { padding-right: 1.6em !important; color: #fff !important; }

.et-db #et-boc .et_pb_section.angebote .gb-button:after {
	content: "\f345";
    position: absolute;
	right: 5px;
	margin-left: 10px; 
	color: #fff;
	opacity: 0;
    font-family: dashicons !important;
	font-size: 21px;
    line-height: .85;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
}

.et-db #et-boc .et_pb_section.angebote .gb-button:hover:after { opacity: 1; }


/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1366px) {

	.fullscreen-area .widget { margin-bottom: 30px; }
	
}

@media only screen and (min-width: 1281px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-third .entry,
	.front-page-section .widget.home-news .entry { min-height: 390px; }
	
}

@media only screen and (max-width: 1280px) {

	.fullscreen-area { display: block; }
	
}

@media only screen and (max-width: 1280px) and (min-width: 1280px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-third .entry,
	.front-page-section .widget.home-news .entry,
	.front-page-section .widget.home-offers .entry { min-height: 370px; }

}

@media only screen and (max-width: 1279px) {

	.front-page-section .widget.home-brands { padding: 30px; }
	
}

@media only screen and (max-width: 1279px) and (min-width: 1081px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-third .entry,
	.front-page-section .widget.home-news .entry,
	.front-page-section .widget.home-offers .entry { min-height: 320px; }
	
}

@media only screen and (min-width: 1081px) {

	.home-news .entry > h2 > a { font-size: 28px !important; font-weight: 400 !important; line-height: 28px !important; }

}

@media only screen and (max-width: 1080px) {

	.home-news .entry > h2 > a { font-size: 24px !important; font-weight: 400 !important; line-height: 24px !important; }	
	
	.widget.home-products .entry-image { max-width: none !important; }
	
}

@media only screen and (max-width: 1080px) and (min-width: 1025px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-third .entry,
	.front-page-section .widget.home-news .entry,
	.front-page-section .widget.home-offers .entry { min-height: 300px; }
	
}

@media only screen and (max-width: 1080px) and (min-width: 1024px) {

	.widget.home-products .entry-image { width: auto; height: 100%; }
	
}

@media only screen and (min-width: 1024px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-news .entry,
	.front-page-section .widget.home-offers .entry { 
		float: left;
		width: 32.6666666666666%;
		margin-right: 1%;
		margin-bottom: 15px;
	}
	
	.widget.home-products .entry-image { top: 0; left: 0; }	
	
	/*.home */#aktuelles .featuredpost .entry { float: left; width: 31.333%; margin-right: 3%; }
	
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-third .entry,
	.front-page-section .widget.home-news .entry,
	.front-page-section .widget.home-offers .entry { min-height: 310px; }	
	
}

@media only screen and (min-width: 1023px) {

	/* NOTICE:
	- +4, if section title as 1st widget
	- +3 without a widget before */
	.front-page-section .home-third:nth-of-type(3n+4),
	.front-page-section .home-third.featuredpage:nth-of-type(3n+4),
	.front-page-section .home-third.featuredpost .entry:nth-of-type(3n+3),
	.front-page-section .home-news .entry:nth-of-type(3n+3),
	.front-page-section .home-offers .entry:nth-of-type(3n+3),
	/*home */ #aktuelles .featuredpost .entry:nth-of-type(3n+3) { margin-right: 0; }

	.front-page-section .home-third:nth-last-of-type(-n+3),
	.front-page-section .home-news .entry:nth-last-of-type(-n+3),
	.front-page-section .home-offers .entry:nth-last-of-type(-n+3),
	/*home */ #aktuelles .featuredpost .entry:nth-last-of-type(-n+3) { margin-bottom: 0; }	
	
}


@media only screen and (max-width: 1023px) {

	.front-page-section .widget.home-third,
	.front-page-section .widget.home-news .entry,
	.front-page-section .widget.home-offers .entry { width: 100%; margin-right: 0; margin-bottom: 20px; }
	
	.front-page-section .widget.home-third:last-of-type,
	.front-page-section .widget.home-news .entry-last-of-type,
	.front-page-section .widget.home-offers .entry-last-of-type { margin-bottom: 0; }

	.widget.home-products .entry-content br { display: none; }	
	
}

@media only screen and (max-width: 1023px) and (min-width: 415px) {

	.widget.home-products .entry-image {
		left: 50%;
		top: 50%;
		width: 100%;
		height: auto;
		margin-top: -50%;
		margin-left: -50%;
	}
	
}

@media only screen and (max-width: 800px) {

	.front-page-featured .widget { padding: 40px; }
	
}

@media only screen and (max-width: 768px) {

	body.home .genesis_responsive_slider .slide-excerpt	{ width: 100%; }
	
}

@media only screen and (max-width: 480px) {

	.front-page-section .widget.quicklinks a.button { display: block; margin-bottom: 10px; }

}

@media only screen and (max-width: 414px) { 

	.widget.home-products .entry-image {
		height: 120%;
		top: 0;
		left: 0;
		width: auto;
	}

}