h3.gb-headline,
h3.gb-headline a {
	position: relative;
    z-index: 9;
}


.infra-headline-container:before {
    content: "";
    background-image: url(/wp-content/uploads/daun-contact-faq.png);
    background-repeat: no-repeat;  
    position: absolute;
    left: 0;
    bottom: 0;
    transition: inherit;
    right: 0;
    transform: rotate(12deg);
}

.infra-container:before,
.infra-container:after {
    content: "";
    background-image: url(/wp-content/uploads/daun-bg-infra-s.png);
	 z-index: 0;
    position: absolute;
	background-repeat: no-repeat;
    background-position: 0 0;
	bottom: 0;
    transition: inherit;
}

.infra-container:before {
    background-size: 52%;   
    right: 0;
    top: 52%;
    left: 24%;
    transform: translate(-50%);
}

.infra-container:after {
    background-size: 25%;
    right: -15%;
    top: 25%;
    left: 0;
    transform: scaleX(-1);
}

.infra-box {
	box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.1);
	transition: transform 280ms cubic-bezier(0.465, 0.183, 0.153, 0.946);
	background-color: #fff;
	z-index: 2
}
/*
.infra-headline.gb-headline-text a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
*/
.infra-headline.gb-headline-text a,
.infra-headline.gb-headline-text a:hover {
	cursor: default;
}

.infra-box:hover {
	box-shadow: 10px 30px 40px rgba(0, 0, 0, 0.15);
	transform: translateY(-21px) scale(1.0165);
}


@media (min-width: 769px) {
	
	.infra-headline-container:before {
		top: -10%;
		background-position: 66% 0;
		background-size: 17.5%;
	}
	
}

@media (max-width: 768px) {
	
	.infra-headline-container:before {
		top: 0;
		background-position: 78% 50%;
    	background-size: 50%;
	}
	
}