@font-face {
    font-family: 'Marr Sans Cond Web';
    src: url('https://www.gruener.at/shop/media/fonts/MarrSansCondWeb-Medium.eot');
    src: local('Marr Sans Cond Web Medium Regular'), local('MarrSansCondWeb-Medium'),
        url('https://www.gruener.at/shop/media/fonts/MarrSansCondWeb-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://www.gruener.at/shop/media/fonts/MarrSansCondWeb-Medium.woff2') format('woff2'),
        url('https://www.gruener.at/shop/media/fonts/MarrSansCondWeb-Medium.woff') format('woff'),
        url('https://www.gruener.at/shop/media/fonts/MarrSansCondWeb-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face { font-family: 'marrsansreg'; src: url('https://www.gruener.at/shop/media/fonts/MarrSansCondRegular.ttf') format('truetype'); }
@font-face { font-family: 'marrsanssemi'; src: url('https://www.gruener.at/shop/media/fonts/MarrSansCondSemibold.ttf') format('truetype'); }
.col-main {
	padding: 30px 0px!important;
}

.homepage-banners a:hover img {
    opacity: 1;
}

.grid_gr_6 {
	margin: 0 0px 10px;
}

.text_overlap {
	position: absolute;
	z-index: 10;
}

 
.gr_6_content_desk_overlap{
	width: 100%;
	position: relative;
}

.gr_6_text_desk {
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 300;
}

.gr_6_text_desk h3 {
	font-family: 'Marr Sans Cond Web';
    font-weight: 500;
    font-style: normal;
	font-size: 23px;
	text-transform: uppercase;
}

.gr_6_content_desk{
	width: 100%;
}

.gr_6_content_desk img{
	max-width: 100%;
}


.gr_6_text_mobile {
	position: absolute;
	z-index: 10;
	font-family: "Open Sans";
	font-size: 13px; 
	font-weight: 300;
}

.gr_6_text_mobile h3 {
	font-family: 'Marr Sans Cond Web';
    font-weight: 500;
    font-style: normal;
	font-size: 17px;
	text-transform: uppercase;
}

.gr_6_content_mobile_overlap{
	width: 100%;
	position: relative;
}

.gr_6_content_mobile {
	width: 100%;
}

.gr_6_content_mobile img {
	width: 100%;
	max-width: 100%;
}


@media only screen and (max-width: 1200px) {
    .gr_6_text_desk h3 {
        font-size: 17px;
    }
	.gr_6_text_desk {
        font-size: 16px;
    }
	.gr_6_text_desk img {
        width: 77%;
    }
}

@media only screen and (max-width: 959px) {
    .gr_6_text_desk h3 {
        font-size: 13px;
    }
	.gr_6_text_desk {
        font-size: 12px;
    }
	.gr_6_text_desk img {
        width: 50%;
    }
}