/* Styling der Startseite */
.main-banner-copy {
    padding: 1rem 3rem 5rem 3rem;
    z-index: 2;
    display: flex;
    flex-direction: column;

	.title2 {
		margin-bottom: 3rem;
	}
}

.category-grid-wrapper {
	margin: 2.5rem 0;
}

.secondary-banner {
	display: flex;
    flex-direction: column-reverse;
    align-items: center;
	position: relative;
	padding: 5rem 0 3rem 0;

	.secondary-banner-copy {
		position: absolute;
		padding: 0 2rem;
		text-align: center;
		top: 13rem;
		max-width: 300px;

		.title2 {
			color: #fff;
		}
	}

	.secondary-banner-button {
		padding-top: 3rem;
	}

	.secondary-banner-media {
		width: 100%;
		height: 400px;
		display: flex;
    	justify-content: center;

		.video--element {
			max-width: 100%;
			object-fit: cover;
			height: 100%;
		}
	}

}

/* Produkt Slider */
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
	box-shadow: none;
}


@media only screen and (min-width: 550px) {
/*************** Tablet Viewport Breakpoint ***************/

	.main-banner-copy .title2 {
        font-size: 36px;
        line-height: 42px;
		margin-bottom: 2rem;
    }

	.category-grid-wrapper {
		margin: 7.5rem 0 2.5rem 0;
	}

    .secondary-banner {

		.secondary-banner-media {
			padding: 0 2rem;
		}
	}


}



@media only screen and (min-width: 850px) {
/*************** Tablet Landscape Breakpoint ***************/

	    .category-grid-wrapper {
		margin: 10rem 0;
	}

	.secondary-banner {
		padding: 0;
		margin-bottom: 4rem;

		.secondary-banner-copy {
			top: 13rem;
			max-width: none;
		}

		.secondary-banner-button {
			position: absolute;
			top: 20rem;
			padding-top: 0;
			z-index: 2;
		}

		.secondary-banner-media {
			max-width: 1200px;
			height: 600px;
		}
	}	

}



@media only screen and (min-width: 1110px) {
/*************** Desktop Breakpoint ***************/

	/* .main-banner-copy .title2 {
        font-size: 44px;
        line-height: 55px;
    } */

    .category-grid-wrapper {
		margin: 14rem 0;
	}

	.secondary-banner {
		margin-bottom: 8rem;
	}

}